/*over base size*/
@media screen and (min-width: 1280px) {

	#main {max-width: 1140px;}

}

/*under base size*/
@media screen and (max-width: 1024px) {

	/*#main {max-width: 800px;}*/
	
	.quad-col .col-a,
	.quad-col .col-b,
	.quad-col .col-c,
	.quad-col .col-d {float: left; width: 47%;}

}

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

	#main {padding: 0;}
	#col-b {width: 35%;}
	
}

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

	
	#col-a,
	#col-b {float: none!important; width: auto!important;}
	#col-b {margin-top: 40px;}
	#nav-view,
	#nav-hide {display: inline; cursor: pointer; float: right; cursor: pointer;}
	#nav-hide {color: #fff;}
	
	#mobile-nav {display: none; position: fixed; top: 0; right: 0; bottom: 0; width: 80%; background: #222; z-index: 9999; overflow-y: auto;}
	
	#nav ul li {float: none; margin: 0;}
	#nav ul li a {color: #fff;}
	
	#utility {position: static; top: 0; left: 0;}
	#utility ul li {float: none;}
	#utility ul li a {color: #fff;}
	
	.nav-toggle, .nav-toggle body {overflow: hidden;}
	.nav-toggle #mobile-nav {display: block;}
	
	
}

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


	
}