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

	 #snapwrap {margin-top: 0;} 
	
	.snap-drawer-right {margin-top: 53px;}
	
	.screen-pad {padding: 0 3%;}
	.no-mobile {display: none !important;}
	.mobile-only {display: block;}
	.touch-only {display: block;}

#branding .menutoggle {display: block;}
#topnav {display: none;}

#branding {color: #fff; width: 100%; padding: 0 2%;}
#branding .menutoggle {margin-right: 5%;}
#branding .logo {float: left; width: 35%;}
#branding .socialtop {display: none;}
#branding .updates {display: none;}
#branding .donate {width: 27%; margin-top: 3%;}
#branding .tablet-icons {display: block; margin: 3% 5% 0 0; width: 13%; text-align: left; float: right;}


#branding a.support {padding: .5em; font: normal .8em arial;}

#footer, .membfoot {display: none;}
#mobfoot {display: block; border-top: 1px solid #666; color: #fff;}
#mobfoot li {border-bottom: 1px solid #666; }
#mobfoot li a {color: #fff; display: block; background-color: #000; padding: 2%;}
#mobfoot li a:hover {color: #fff; background-color: #242424;}
#mobfoot .mob-copyright {padding: 2%; color: #fff; font-size: .9em; text-align: center; line-height: 1.5em;}
#mobfoot .mob-copyright a {color: #fff;}

#socialfooter ul {width: 100%; text-align: center; margin: 0 0 2% 0;}
#socialfooter li:first-of-type {width: 100%; margin: 0 0 2% 0; text-transform: uppercase; font-size: 1.4em;}
#socialfooter li {display: inline-block; margin: 0 3%; float: none;}




.column1 {width: 100%; float: left; height: auto; margin: 0 0 1em 0; }
.column2 {width: 100%; float: left; height: auto; margin: 0 0 1em 0;}
.column3 {width: 100%; float: left;}



.sidead {background-color: #e6e6e6; padding: 2%; width: 100%; border: 1px solid #ccc; margin: 0 0 1em 0; text-align: center;}
.sidead img {margin: 0 auto;}



.widecolumn, .fullpage { margin: 0 0 1em 0;  min-height: auto; width: 100%;}


/* sidebar menu */
.sidemenu {width: 100% !important;}
.sidemenu ul {padding: 0; }
.sidemenu ul ul { padding: 0; margin: 0;}
.sidemenu li a {display: block; padding: 1.5% 2%;}
.sidemenu li {display: block; width: 100%; font: normal .9em arial; margin: 0; border-bottom: 1px solid #666;}
.sidemenu .sub-menu {border-top: 1px solid #666; margin: 0;}
.sidemenu li ul li a {padding: 1.5% 4%; color: #ccc; font-size: .9em;}
.sidemenu li ul li:last-of-type {border-bottom: 0;}
.sidemenu .titlebar {padding: 2%; font-size: 1em; text-transform: uppercase;}
/* end sidebar menu */




}