

@media only screen and (min-width: 590px)  and (max-width: 719px) {

body{
font-size: .55em;
}

img.title{
width: 50%;
margin:  5px 0% 10px 0%;
}

img.cross{
margin:  -2px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}



}

@media only screen and (min-width: 719px) and (max-width: 790px) {

body{
font-size: .7em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  0px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}


}

@media only screen and (min-width: 791px)  and (max-width: 850px) {

body{
font-size: .75em;
}

img.title{
width: 50%;
margin:  5px 0% 10px 0%;
}

img.cross{
margin:  -3px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}


}

@media only screen and (min-width: 851px)  and (max-width: 975px) {

body{
font-size: .85em;
}

img.title{
width: 50%;
margin:  6px 0% 10px 0%;
}

img.cross{
margin:  -5px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 25px;
}


}
@media only screen and (min-width: 980px)  and (max-width: 1045px) {

body{
font-size: .95em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  -4px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

}

@media only screen and (min-width: 1050px)  and (max-width: 1140px){

body{
font-size: 1em;
}

img.title{
width: 50%;
margin:  6px 0% 10px 0%;
}

img.cross{
margin:  -7px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

}

@media only screen and (min-width: 1150px)  and (max-width: 1245px){

body{
font-size: 1.15em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  -7px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

}

@media only screen and (min-width: 1250px)  and (max-width: 1300px) {

body{
font-size: 1.15em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -5px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

}

@media only screen and (min-width: 1310px)  and (max-width: 1350px) {

body{
font-size: 1.2em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  -10px 0% 2px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

}

@media only screen and (min-width: 1400px)  and (max-width: 1500px) {

body{
font-size: 1.35em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -8px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

}

@media only screen and (min-width: 1525px) and (max-width: 1575px) {

body{
font-size: 1.4em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin: -8px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 31px;
}

}

@media only screen and (min-width: 1600px)  and (max-width: 1700px) {

body{
font-size: 1.5em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -8px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 32x;
}

}

@media only screen and (min-width: 1725px)  and (max-width: 1850px) {

body{
font-size: 1.65em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -10px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 34px;
}

}

@media only screen and (min-width: 1875px)  and (max-width: 1950px) {

body{
font-size: 1.7em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -10px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 35px;
}

}

