@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: auto;}
.pageWidth { width:auto; }

#logo { margin-left:0 }
#header { padding:15px 0;}
nav li { margin:0 18px; }
#container { padding-bottom:15px; }

}


@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { min-width: auto;}
.pageWidth { width:auto; padding:0 5px; }

#header { padding:15px 0 5px 0 }
#logo { font-size:40px; line-height:50px; float:none; margin-bottom:12px; text-align:center}

h2 { font-size:29px; line-height:35px; margin-bottom:7px; }
h3 { font-size:27px; line-height:33px; margin-bottom:7px; }
h4 { font-size:25px; line-height:32px; margin-bottom:7px;  }
h5 { font-size:23px; line-height:29px; margin-bottom:7px; }
h6 { font-size:15px; line-height:20px; margin-bottom:7px; }

#menu { display:block; }
nav { float:none; border-radius:5px; font-size:14px; text-align:center; margin:0; padding:0;}
nav ul { display:none; background:rgba(000,000,000,0.05); border:solid 1px rgba(000,000,000,0.05); border-top:none; }
nav li { border-top:solid 1px rgba(000,000,000,0.06); margin:0; display:block;}
nav li a { line-height:40px; display:block;}
nav li:first-child { border:none }
nav li a:hover, nav li.active a { background:rgba(255,255,255,0.5); text-decoration:none; border-radius:0 }

#container { padding:12px 10px 17px;}

#footer { text-align:center; padding:15px 0; }

}


@media only screen and (max-width: 400px), only screen and (max-device-width: 400px), only screen and (max-width: 400px) {

}