@media only screen and (min-width: 320px) and (max-width: 380px) {
DIV#slogan {
width: 286px;
height: 31px;
background-size: 275px;
margin-bottom: -4px;
margin-left: -5px;
background-position: 9px 1px;
}
#logo {
width: 179px;
height: 193px;
right: -4px;
bottom: 53px;
background-size: 200px;
float: left;
background-position: -19px 10px;
}
#logo H1, #logo H1 A {
width: 209px;
height: 182px;
display: block;
}
#mobileMenu {
margin-top: -22px;
/*margin-right: 47px;*/
margin-right: 12px;
}
}
@media only screen and (min-width: 381px) and (max-width: 539px) {
DIV#slogan {
width: 326px;
height: 31px;
background-size: 300px;
margin-bottom: -4px;
margin-left: -5px;
background-position: 25px 1px;
}
#logo {
width: 209px;
height: 195px;
right: -4px;
bottom: 53px;
background-size: 230px;
float: left;
}
#logo H1, #logo H1 A {
width: 209px;
height: 182px;
display: block;
}
#mobileMenu {
margin-top: -22px;
/*margin-right: 47px;*/
}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
DIV#slogan {
width: 365px;
height: 31px;
background-size: 350px;
margin-bottom: -4px;
margin-left: 13px;
}
#logo {
width: 209px;
height: 195px;
right: -4px;
bottom: 53px;
background-size: 230px;
float: left;
}
#logo H1, #logo H1 A {
width: 209px;
height: 182px;
display: block;
}
#mobileMenu {
margin-top: -22px;
/*margin-right: 47px;*/
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
DIV#slogan {
width: 392px;
height: 34px;
background-size: 380px;
margin-bottom: -7px;
margin-left: 17px;
}
#logo {
width: 209px;
height: 195px;
right: -4px;
bottom: 53px;
background-size: 230px;
float: left;
}
#logo H1, #logo H1 A {
width: 209px;
height: 182px;
display: block;
}
#mobileMenu {
margin-top: -22px;
/*margin-right: 47px;*/
}
}
#subNavMobile {
display: block;
clear: both;
}
#subNavMobile UL, #subNavMobile UL LI {
margin: 0;
padding: 0;
list-style-type: none;
}
#subNavMobile UL LI A {
display: block;
text-align: center;
background-color: #003D6A;
margin: 0 0 2px 0;
text-decoration: none;
padding: 9px;
color: #FFFFFF;
border-bottom: 2px solid #BBBBBB;
}
#subNavMobile UL LI A:hover {
background-color: #FFFFFF;
color: #003D6A;
}