@media only screen and (min-width: 300px) and (max-width: 640px){
.desktopView{display:none !important;}
.mobileView{display:inherit !important;}

#headerWrapper .logo{/*outline: #000000 dotted;*/}
#headerWrapper2, #contentWrapper, #footerWrapper{min-width:0;}
#headerContent2, #contentMain, #footerContent{width:auto;margin:0 auto;}
#headerContent2 .headerTitle{font-size:35px;}
#headerContent{width:auto;}
#headerContent .logo{margin-top:6px;}
#headerContent .logoLong{width:170px;}
#headerContent .nav{margin:8px 0 0 0;font-size:20px;}
#headerWrapper.fixDiv #headerContent .logo{margin-top:16px}
#headerWrapper.fixDiv #headerContent .nav{margin:18px 0 0 0;}

#contentMain .colLeft{padding:0;width:auto;position:relative;}
#contentMain .colRight{padding:20px 15px 20px 15px;width:auto;margin:0;border-left: 0px solid #eadac1;}
#contentMain .colRight p img.imgScale{width:100%;}
#contentMain .colRight .joinCb{margin:8px 0 62px 0 !important;}

#footerWrapper{min-width: 0;padding:15px 0px;}
#footerContent{padding:2px;}
#footerContent .footer-social{padding:0;margin-bottom:12px;width:100%;}
#footerContent .footer-social a.icon{margin-left:6px;}
#footerContent .footerNav{display:inline-block;margin-left:0;}
#footerContent .footerNav a{padding: 0 3px;font-size:12px;}
#footerContent .copyright{padding:0 5px;text-align:center;}

}