/*  CSS designed by Wes' Design | allwes.com/wesdesign */

@import url(structure.css);
@import url(nav.css);
@import url(style.css);
@import url(list.css);

@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

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

	#hero { height: 260px;}
	#hero h2 { font-size: 3em; color: #FFF; text-align: right; padding: 2em .5em; text-align: center; line-height: 100%;}
	#mainContent { width: 90%; padding: 0 0; margin: 0 auto; }
	#contentPage #content { margin: 0 auto 3em; float: none; width: 100%; } 

	#globalNav { display: none; }
	#mainNav { list-style: none; margin: 0; padding: 5em 0; }
	#mainNav li { display: block; float: none; margin: 0 0 2em; width: 100%; }
		#mainNav a { padding: 75px 0 0; }
		#mainNav a h3 {	font-size: 1.5em; color: #DBAD38; line-height: 1.3em; margin: 0 0; padding: .5em 1em; background:rgba(0,0,0,.60); }
		#mainNav a span.button { display: none; }
	
	#suppNav { margin: 0 0 3em 0; padding: 0; float: none; width: 90%;  }
	#suppNav a { width: 95%; padding: .5em 1em; }
	.container { width: 90%; }

	.managerList li { margin: 0 .5em 2em 0; }

	.multiList li img { float: none; width: 100%; margin: 1em 0; }
	.multiList li p { padding: 0;}
	
	.col-3 { width: 40%;}
	iframe { width: 100%; height: 100%; }
	
}