nav.mobile								{ clear:both; position:relative; z-index:100; height:46px; font-family:'Droid Sans', 'sans-serif'; }
nav.mobile ul							{ list-style: none; }
nav.mobile > ul:after					{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
nav.mobile > ul:last-child				{ margin-bottom:5px; }
nav.mobile > ul > li					{ display:none; padding:0 2px 0; margin: 0; background:hsla(0,0%,96%,0.97); box-shadow:0px 3px 3px rgba(0,0,0,0.4); }
nav.mobile > ul > li:last-child 		{ border-bottom:5px solid #2c3135; }
nav.mobile a							{ display:block; padding:15px 15px 15px 30px; color:#535353; font-size:16px; line-height:17px; font-weight:normal; }
nav.mobile > ul ul a					{ font-weight:normal; padding-left:40px; font-size: 15px; }
nav.mobile ul.dropdown					{ list-style: none; }
nav.mobile ul.dropdown > li				{ margin-left: 0; margin-top:1px; }
#nav_toggle								{ display:block; margin:0; background: none; box-shadow:none; }
#nav_toggle:before						{ content: ''; position: absolute; width: 17px; border-radius:0; background: #fff; height:1px; top: 22px; left: 20px; box-shadow: 0 0 0 1px #fff,0px 7px 0px 1px #fff,0px -7px 0px 1px #fff; }
#nav_toggle a							{ display:block; color:#fff; height:46px; font-size: 16px; line-height:48px; padding:0 0 0 45px; font-weight: bold; text-shadow: 2px 2px 1px #000; letter-spacing: 0.02em; }
#nav_toggle a:hover						{ text-decoration:none; color:#FFB082; }


@media (max-width:1150px){
	#header_wrap > header 				{ padding: 60px 0 5px; }
	#logo 								{ padding-top:15px; }
	#co_name							{ float: none; }
	#phone								{ float: none; padding:9px 0 0; margin:0 0 0 192px; line-height:26px; }
	#nav_wrap nav.desktop > ul			{ display:block; list-style:none; text-align:justify; height:46px; float:none; }
	#nav_wrap nav.desktop > ul:after	{ display:inline-block; width:100%; height:0; visibility:hidden; content:''; }
	#nav_wrap nav.desktop > ul > li		{ display:inline-block; margin:0; position:relative; float:none; }
}

@media (max-width:800px){
	#header_wrap > header 				{ padding:30px 0 10px; }
	#logo 								{ padding:0; position:relative; float:left; width:25%; max-width:157px; }
	#logo > img 						{ max-width:100%; }
	#co_name							{ float:left; padding:0 0 0 15px; margin:40px 0 0; width:75%; }
	#phone								{ float:left; margin:9px 0 0; padding:0 0 0 14px; width:75%; }

	#page_left							{ width:100%; float:none; }
	#page_right							{ width:100%; float:none; min-height:0 !important; padding:12px 16px; margin-top:25px; }
	#rotating_images					{ max-width:320px; margin:0 auto 20px; }
	.page_col							{ float:none; width:100%; margin:0; }
	#form_page_left,
	#form_page_right					{ float:none; width:100%; }
}

@media (max-width:600px){
	#page_type 							{ padding:7% 5%; }
	.typography h1 						{ text-align: center !important; }
	.typography img 					{ float:none !important; display:block; margin:5px auto 20px !important; }
}

@media (max-width:550px){
	#header_wrap > header 				{ padding:0; }
	#logo 								{ margin-top:35px; }
	#top_nav							{ width:75%; margin: 0 auto; background:#2c3135; position: relative; right:auto; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; text-align:center; }
	#top_nav:before,
	#top_nav:after						{ display:none; }
	#top_nav > ul						{ list-style: none; display: block; padding:4px 1px; margin: 0; }
	#top_nav > ul > li					{ display:inline-block; float: none; }

	.typography blockquote 				{ margin:25px 0 35px; }

	footer > nav						{ float: none; }
	footer > nav > ul					{ text-align:center; }
	footer > nav > ul > li				{ float: none; display: inline-block; }
	footer > address					{ float: none; text-align:center; }
	#social								{ float: none; margin:25px 0 0; text-align:center; }
	#social > li						{ float: none; display:inline-block; margin:0 0 0 4px; }
	#affiliations						{ float: none; display:block; text-align:center; }
	#affiliations > li					{ display:block; margin: 0 0 30px; vertical-align:middle; }
	#affiliations > li:last-child 		{ margin-bottom: 0; }
}

@media (max-width:450px){
	#header_wrap > header 				{ padding-bottom:10px; }
	#top_nav							{ width:100%; }
	#top_nav > ul > li					{ padding:0 10px; }
}

@media (max-width:400px){
	#logo 								{ float:none; width:100%; max-width:100px; margin:10px auto 0; }
	#co_name							{ float:none; padding:0; margin:8px auto 0; width:100%; max-width:350px; }
	#phone								{ float:none; margin:9px 0 0; padding:0; width:100%; text-align:center; }
	
	.typography * 						{ word-wrap: break-word; } 

	footer > nav > ul > li				{ float: left; display: block; width:50%; border:none; }
}