/* hide this stuff */

nav, .donate, .sign-up, .header-signup
{display:none;}

/* change this stuff */
.footer #wrapper  {display:block;width:100%;} 
.megafooter-signup #wrapper {display:block;width:90%;text-align:center;}
.megafooter-signup .sign_up  {width:100%;margin:20px 0px 0px;}
.megafooter-signup span {width:100%;text-align:center;font-size:6vw;}
.sign_up .ngp-form {height:auto;min-height:40px;} 
fieldset.at-fieldset {
    padding: 0 !important;
    width: 100%;
    min-width: 100% !important;
}
body.index-podcasts .main_content {width:100%;max-width:100%;display:block;}
.features.Podcasts {width:90%;margin:0 auto;text-align:center;}
img.showtile {height:auto;float:none;width:100px;margin:10px auto;}


.at form {display:block;}
.sign_up .at-form-submit {
    margin: 20px auto;text-align:center;
}
.at-form-submit .at-submit {
width:300px;margin:10px auto;
    display: block;float:none !important;}
.megafooter #wrapper {width:100%;flex-wrap:wrap-reverse;}
.super-header #wrapper {width:100%;}
.super-header .search {width:33%;
    padding: 4px 10px 0px 10px;
}
.super-header .header-social {width:67%;}
.footer-logo img, .header a.logo {
    max-width: 100%;width:320px;margin:10px auto;
}
 .main_content img {max-width:100%;}
 
.search span a {
    font-size: 5vw;
 }
 .header_title {
     height: 18vh;margin-bottom:0;
  }
  .header_title h1 {
      font-size: 6vw;  }
		.twitter_widget {
		    width: 300px;margin:20px auto 0;
		}
		.twitter-timeline {width:100% !important;margin:0 auto;}
.footer-donate {max-width:100%;width:90%;padding:0px 5%;}
.footer-donate h2 a {   font-size: 6vw;	}
.footer-donate p a{   font-size: 4vw;	}
.footer-donate p.actblueexpress {   font-size: 3.25vw;line-height:1.75em;}
a.donate-button {font-size:4vw;}
.pagination {font-size:4vw;}
.pagination .page-links a {font-size:5vw;}

.content_area_wrapper {background-color:#d4caba;float:none;display:block;margin:0px;width:100%;
}
.main_content_wide {
    width: 90%;
    display: block}
	 .main_content_wide > .main_content {padding:0;}
div.sidebar, div.main_content {float:none;display:block;width:90%;padding:2% 5%;border:none;}
.centered {float:none;display:block;width:100%;padding:0;border:none;}
.footer span {float:none;display:block;padding:5px;text-align:center;}
.features h2 {font-size: 8vw;margin:0;}
.features #wrapper {flex-wrap:wrap;width:95%;margin-bottom:20px;}
.feature {width:48%;margin:1%;}
.news-list .feature {width:94%;padding:3%;margin:2% 1%;}
body.ourwork .main_content, body.index-news .main_content {
    width: 96%;padding:2%;
    max-width: 96%;
}
.features.news-list  {padding:0;}
.features.news-list #wrapper {
    display: block;width:100%;}
.feature .readnow {
    margin-bottom: 0px;}
	 body.news .interior_content_area {padding:0;}
	 .statement#featured-news .title {
	     font-size: 18px;	 }
/*body.index-news .features.news-list .feature {max-width:42%;}*/
.news-list .feature img {max-width:99%;}
 .news-story img, .statement#featured-news img {max-width:150px;float:left;margin-bottom:10px;}
body.news .news-features h2 {font-size:6vw;width:100%;margin:0 0 10px;}
.main_content h2 {font-size:6vw;}
.main_content h3 {font-size:5vw;}
.main_content h4 {font-size:4vw;}
body.news .news-features {width:90%;padding:5%;margin:10px 0;}
.press-releases, .news-stories { display: block;}

.news-features .news-stories a.button, body.news .news-features .recent a.button {display:block;}
#featured-news {margin-bottom:10px;}
.recent {width:100%;}
.statement {width:90%;padding:5%;}
.news-story {max-width:100%;}
	 body.board .main_content {
	     width: 100%;padding:0;}
	 .board-members a {padding:4% 2%;margin:2%;max-width:40%;font-size:14px;}
	 .board-members a img {max-width:90%;margin:0 auto 10px;}
	 
	 .popup-content {display:block;}
	 
.popup-content .headshot-wrapper {width:100%;text-align:center;padding:10px 0px;}
	 .headshot-wrapper img {max-width:100%;}
	 .popup-content .bio-wrapper {
	     width: 100%;
	     padding: 1rem;
font-size:4vw;line-height:1.5em;
	 }
	 .popup-content .bio {width:90%;margin:0 auto;}
	 .popup-content h3.bio-name {width:90%;margin:0 auto 15px;
    font-size: 8vw;
}
#wrapper {
width:100%;}
.megafooter_wrapper {background-color:#b4a287;width:100%;float:none;z-index:-1;position:relative;margin-top:-20px;border-top:2px solid #a02323;min-height:300px;}

.home-slider {
    float: left;
    background: url(/media/images/ocp.homeheader.jpg) 50% 0% no-repeat;
    background-size: cover;
    width: 100%;
    height: 40vh;min-height:200px;
 }
 .cycle-slideshow {
     width: 100%;
     margin: 0 0px 15px;
 }
 .about {width:90%;padding:20px 5%;}
 .about p {font-size:4vw;line-height:1.25em;}
 .podcasts {
     background: #2d7894 url(/media/images/podcastsbg.jpg) 0% 0% no-repeat;
     background-size: cover;
     height: 500px;
     float: left;
     width: 100%;
     padding: 50px 0px 0px;
 }
 .podcasts #wrapper {
     float: none;width:90%;margin:0 auto;
 }
 .podcasts #wrapper iframe {width:100%;max-width:100% !important;}
 .main_content iframe {width:100%;height:auto;}
.entry_image, .entry_video {
	float:none;margin:10px 0;
	width:100%;
}
.entry_image img {max-width:100%;}

.mobile {display:block;}
.mobile-mini-nav {font-size:11px;text-align:center;display:block;padding:10px 0px;background-color:#064254;width:100%;}
.mobile-mini-nav a {margin:10px 15px;text-transform:uppercase;color:white;}
.mobile-site-links {background-color:#042e3b;display:block;padding:0;clear:both;}

ul#footer-menu {
    list-style:none;
    margin: 0;
    padding: 20px 2%;
height:auto;width:96%;}

.mobile-site-links ul li {
    float:none;display:block;
    margin: 2px 0px;text-align:left;
    font-size: 15px;width:92%;
    text-transform: uppercase;
    padding:5px 4%;
color:white;border-bottom:1px solid rgba(255,255,255,.5);
}
.mobile-site-links ul li a {color:white;}
ul.second-level {padding:15px 0px 5px;margin:0;}
 ul.second-level li {font-size:13px;padding-left:30px;padding-top:0px;line-height:20px;border-bottom:none;}
ul.third-level {margin:0;padding:5px;}
 ul.third-level li {font-size:11px;padding-left:30px;padding-top:0px;line-height:15px;border-bottom:none;}

 ul li ul li ul {
     position: relative;border:none;
     top: 0px;
     left: 0px;
     display: block;
 }
div.left, div.right {float:none;margin:0px;display:block;width:300px;}
.news-features .sign_up {display:block;margin:20px 0px 0px;}
.news-features .sign_up p {width:100%;text-align:center;}
body.news .news-features .sign_up a.button {display:block;float:none;margin:20px 0 0;}

/* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles */
    div.nav {
width:290px;padding:2px 5%;
font-size: 14px;text-align:center;
float:none;display:block;
z-index: 2000;
height: 10px;clear:left;
position:relative;
top:5px;
}
div.nav table {width:100%;}
div.nav table tr td {text-align:center;}
td.left {float:left;padding-right:20px;}
.nav a {color:black;}
td.right {float:right;padding-left:20px;}
a.activeSlide {color:#f1203d;}
.slider {width:320px;height:225px;display:block;margin:0;border-top:1px solid #acaaa5;border-bottom:1px solid #acaaa5;}
ul.slideshow {margin:0;width:320px;height:190px;overflow:hidden;border:0px solid white;}
ul.slideshow li {width:320px;border:0px solid white;height:190px;overflow:hidden;}
ul.slideshow li img {width:320px;height:190px;}

}
/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles */
    div.nav {
width:480;padding:2px 5%;
font-size: 14px;text-align:center;
float:none;display:block;
z-index: 2000;
height: 10px;clear:left;
position:relative;
top:5px;
}
div.nav table {width:100%;}
div.nav table tr td {text-align:center;}
td.left {float:left;padding-right:20px;}
.nav a {color:black;}
td.right {float:right;padding-left:20px;}
a.activeSlide {color:#f1203d;}
.slider {width:480px;height:315px;display:block;margin:0;border-top:1px solid #acaaa5;border-bottom:1px solid #acaaa5;}
ul.slideshow {margin:0;width:480px;height:285px;overflow:hidden;border:0px solid white;}
ul.slideshow li {width:480px;border:0px solid white;height:285px;overflow:hidden;}
ul.slideshow li img {width:480px;height:285px;}

}