@-ms-viewport{width:device-width;} 

@media screen and (max-width: 360px) {
#header, #intro, #footer, #copyright, #content{max-width: 100%; margin: 0;}
#navwrap {width:auto;}
label{float: none; width: 100%;}
input,select,textarea{float: none; width: 95%;}
.pdfbox{padding:10px; float:left; width:80%; }

}

@media screen and (max-width: 480px) {
body {font-size: 90%;}
#content {padding: .8em 0;}
.imagegrid li {width: 100% !important;}
#footerwrap {color: #919191; padding: .8em 0; background :#333; text-align:center; margin-top:2em;}
.footernav a {color: #dedede; padding:0 15px; border-right:1px solid #4c4c4c; width:auto; text-align:center; font-size:12px;}

.incontent h1{ font-size: 1.4em; border-bottom: 1px solid #d7d7d7; margin: 0 0 .1em 0; padding: 0 2em 1.2em 0; color: #b1030d; text-transform:none;}
.incontent h2{font-size: 1.2em; text-transform:none;}
.incontent h3{color: #0060b9; font-size: .9em; font-weight:bold;}
}

.news-scroll{padding:5px; background-color:#f9eccc; border:1px solid #f2e5c5; margin:10px 0;text-align:center; }
.latest{position:relative; top:3px; font-size:16px; color:#d2010d; text-transform:uppercase; }
blockquote {margin: 3px 0 0 0; font-size:15px; border:none;}
blockquote a{color:#000;}
.newsdate{ font-size:15px; margin-right:10px; color:#007fd5;}
#quote_wrap {margin: 0; padding: 0;}
a.morenews{padding:1px 4px; background-color:#f0ddae; border:1px solid #ebd396; color:#890a12; font-size:14px; float:center; text-align:center;}
a.morenews:hover{background-color:#890a12; color:#f0ddae; border:1px solid #780108;}
}

@media screen and (max-width: 640px) {
.sitemap h1{ border-bottom: 1px solid #d7d7d7; margin: 2em 0 .1em 0; padding-top:1em;}
}

@media screen and (max-width: 780px) {
.grid_1of2, .grid_1of2.nogap,
.grid_1of3, .grid_2of3, .grid_1of3.nogap, .grid_2of3.nogap,
.grid_1of4, .grid_2of4, .grid_3of4, .grid_1of4.nogap, .grid_2of4.nogap, .grid_3of4.nogap,
.grid_1of5, .grid_2of5, .grid_3of5, .grid_4of5, .grid_1of5.nogap, .grid_2of5.nogap, .grid_3of5.nogap, .grid_4of5.nogap,
.grid_1of6, .grid_2of6, .grid_3of6, .grid_4of6, .grid_5of6, .grid_1of6.nogap, .grid_2of6.nogap, .grid_3of6.nogap, .grid_4of6.nogap, .grid_5of6.nogap
{display: block; float: none; width: auto; margin: 0 0 5% 0; padding: 0;}
#navwrap {width:auto;}
.imagegrid > li {width: 50%;}
#sidesection{display:none;}
.incontent{padding:1em ; margin:0; border-left:0;}
#content{padding-bottom:0;}
#contentwrap{ margin:-40px 0;}
.row {padding-top: 1em; margin: 0 auto; margin-bottom:50px;}
}

@media screen and (max-width: 1280px) {

}