/* If the viewport width <= 820 pixels ... */

	header a.logo { float: none; margin-top: 25px; width: 100%;}
	.post { width: 98%; margin: 0 1% 20px !important;}
	nav li a, .hotline { font-size: 12px}
	.hotline a{ line-height: 17px}
	.story-wrap .title { font-size: 13px}
	.email-field { width: 50%;}
	.social-wrap { width: 100%; height: 29px; padding-right: 0}
	
	#resources .header p, .organization { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dddddd}
	.organization { width: 97.8%; margin: 0 1.1% 20px; float: none}
	.organization h3, .organization p { margin-bottom: 10px}
	.organization p img { float: left; margin: 0 10px 5px 0}