﻿
@media screen and (max-width:980px){#outerWrapper{width:95%;}
#contentWrapper{clear:both;background:#FFFFFF url('images/mobile-bg.jpg') repeat-y;}
#content{width:60%;padding:3% 4%;}
#rightColumn1{width:30%;}
input[type=text], select, textarea{width:100%;}
}
@media only screen and (min-device-width:768px) and (orientation:portrait){#outerWrapper{width:95%;}
#contentWrapper{clear:both;background:#FFFFFF url('images/mobile-bg.jpg') repeat-y;}
#content{width:63%;padding:3% 4%;}
#rightColumn1{width:27%;}
input[type=text], select, textarea{width:100%;}
}
@media screen and (max-width:650px){#header{height:16.0em;}
#topNavigation{position:static;}
#contentWrapper{clear:both;background:#FFFFFF url('images/mobile-bg.jpg') repeat-y;}
#content{width:auto;float:none;margin:20px 0;}
input[type=text], select, textarea{width:100%;}
}
@media screen and (max-width:480px){html{-webkit-text-size-adjust:none;}
#outerWrapper #header{border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;-moz-border-radius:8px 8px 0px 0px;}
#contentWrapper{clear:both;background:url('../images/mobile-bg.jpg') repeat-y #FFFFFF;}
#outerWrapper #topNavigation{height:50px;}
#topNavigation a{font-size:90%;padding:10px 8px;}
#content{width:auto;float:none;margin:0;}
input[type=text], select, textarea{width:100%;}
}