.mobile body 							{ overflow:hidden; position:initial; }
.mobile #nav_wrap 						{ margin-top:15px; }
.mobile #header_wrap header 			{ padding:5px 0 4px; }

#nav_wrap.mobile 						{ padding:2% 3% 0 0; background-color:transparent; border-top:none; position:absolute; top:0; right:0; }
nav.mobile								{ display:none; width:250px; clear:both; position:fixed; top:0; right:0; z-index:100; background-color:hsla(39,10%,94%,0.96); border-left: 3px solid #FFF; box-shadow: 0 0 4px 0 #666; }
nav.mobile #nav_close 					{ display: block; text-align: right; font-size: 16px; padding:15px 15px 5px 30px; }
#nav_close:before 						{ display: inline-block; content: '\f00d'; margin-right: 6px; font-family: FontAwesome; color:#6b9e8b; }
nav.mobile > ul							{ list-style: none; }
nav.mobile > ul:after					{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
nav.mobile > ul > li					{ padding:2px 2px 0; margin: 0; }
nav.mobile > ul:last-child				{ margin-bottom:10px; }
nav.mobile a							{ display:block; padding:10px 30px 10px 20px; color:#716a5d; font-size:18px; line-height:24px; }
nav.mobile > ul ul a					{ font-weight:normal; padding-left:35px; font-size: 16px; line-height:24px; }
nav.mobile ul.dropdown					{ list-style: none; }
nav.mobile ul.dropdown > li				{ margin-left: 0; margin-top:1px; }
#nav_toggle								{ display:none; float:right; margin:0; background: none; padding:0 0 20px 20px; }
#nav_toggle:before						{ content: ''; position: relative; display:block; float:left; width: 17px; background: #6b9e8b; height: 1px; top: 10px; left: 0; box-shadow: 0 0 0 1px #6b9e8b,0px 7px 0px 1px #6b9e8b,0px -7px 0px 1px #6b9e8b; }
#nav_toggle span						{ display:block; float:left; color:#716a5d; line-height:24px; font-size:18px; padding:0 0 0 10px; }
#nav_toggle:hover						{ text-decoration:none; }

.mobile #nav_toggle						{ display:block; }


@media (max-width:1000px){
	#nav_wrap nav.desktop > ul > li		{ margin:0 0 0 32px; }
}

@media (max-width:950px){
	footer nav > ul > li > a			{ font-size:13px; }
}

@media (max-width:850px){
	#nav_wrap nav.desktop > ul > li		{ margin:0 0 0 25px; }
	#nav_wrap nav.desktop > ul > li > a	{ font-size:16px; }
}

@media (max-width:800px){
	#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:700px){
	footer nav > ul > li 				{ margin:0; display:block; text-align:center; }
}

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

@media (max-width:550px){
	.typography blockquote 				{ margin:25px 0 35px; }
}

@media (max-width:400px){
	#logo 								{ margin:60px auto 0; float:none; }
}