@media only screen and (max-width: 1160px){
   .wrap { width: 100%; }
   header, body#interior header, body.home header { width: 100%; height: 100px; }

	#logo-container, .home #logo-containe{
		padding: 15px 0 0 25px;
	}

	body.home header #logo{
		width: 150px;
		height: 40px;
	}

	.home header h2#tagline-h2, header h2#tagline-h2{
		font-size: 12px;
		line-height: 14px;
	}


	header ul#social { top: 40px; right: 150px; }

   nav { clear: both }
   nav ul#menu, body.home nav ul#menu { position: absolute; top: 0px; right: 0px; margin: 10px; }
   nav ul#menu li { display: none; }
   nav ul#menu li#top-menu { display: block !important; }
   nav ul#menu li#top-menu #top-dropdown li { display: block !important; }
   body#interior nav ul#menu { top: 0; }

   /*#hero { height: 350px; }
   .slide { height: 350px; background-size: inherit !important;  } */
   #hero .text { width: 70%; margin: 0 15%; }
   #hero a h1 { font-size: 28px; }

   #news { width: 92%; padding: 4%; }
   h1#tagline { font-size: 26px; }

   #body { width: auto; }
   #content { width: 60%; padding: 1em; margin: 0; float: left;}
   #options { width: 30%; float: right;}
}

@media only screen and (max-width: 890px){
   #body { width: auto; padding: 0; }
   #content { width: 50%; padding: 1em; margin: 0; float: left;}
   #options { width: 30%; float: right;}
}


@media only screen and (max-width: 720px){
   body.home header ul#social { display: none; }

   #hero a h1, #hero .button { font-size: 22px; }

   h1#tagline { font-size: 22px; }
   #news article { border-right: 0; border-bottom: 2px #e5e0dd solid; width: 100%; float: none; padding: 1em 0; margin: 0;}

   #id { height: 200px;   background-size: cover !important; }
   #id.small { height: 60px; }
   #id h1 { font-size: 28px; }
   #id h3 { font-size: 18px; margin-top: 100px; }

   #content { width: auto; padding: 1em; margin: 0; float: none;}
   #options { width: auto; float: none; clear: both; border-left: none; padding: 1em; margin: 0; }

   .flexslider-news {width: 100%;float: none; border-right: 0 none;  }
   .podcasts {width: 100%;float: none; padding-top: 50px;}

   footer .paidfor { margin: 0 1em; }
   footer .credit { margin: 1em 0; clear: both; display: block; }
}

@media only screen and (max-width: 400px){
   img { max-width: 300px !important; }
}