@media screen and (max-width: 1020px) {
	.infoBanner {display: none;}
	#header-nav {display: none; width: 100%; overflow: hidden;}
	#header-nav.active {display: block;} 
	#header-menu {display: block; font-size: 150%; font-weight: bold; padding: 30px 20px 30px 20px; text-transform: uppercase; cursor: pointer;}
	.body-text { width: 90%; padding: 5%;}
	.header-link a{ background: none;}
	#body-wrapper { padding-bottom: 320px; }
	#footer-wrapper{ height: 320px; }
	#header-logo { height: 40px; }
	#header-sub { display:block; float: left; text-indent: -9999px; height: 20px; width: 100%;z-index: 3; position: absolute; top: 75px; background: url(/images/bkg-subheader-logo-mobile.png) no-repeat 12px 0; margin-bottom:0px; background-color:  rgba(64, 124, 59, .7);}


/* Main Carousel */
	.main { width: inherit;}
	.max-page-width { max-width: none;}
	#main-carousel-container{ height: 500px; font-size: 7px;}
	.subheader { width: 90%; margin: auto; text-align: center; }
	.nav-item{float: none; height: 70px; width: 100%; display: block; margin: 20px auto 0px auto;}
	.nav-item.main-item { margin: 0 6px;}

	.nav-item:hover ul{position: absolute; display: none; }
	.nav-item.conservation{background: url(/images/bkg-button-a-conservation.png) no-repeat 45px 45%;}
	.nav-item.community{background: url(/images/bkg-button-a-community.png) no-repeat 40px 45%;}
	.nav-item.stories{background: url(/images/bkg-button-a-stories.png) no-repeat 47px 45%;}
	.nav-item.about{background: url(/images/bkg-button-a-about.png) no-repeat 44px 45%;}
	.nav-item .nav-top-element { font-size: 170%; font-weight: bold; display: block; padding: 25px 15px 15px 80px; text-transform: uppercase; color: #fff; float: left; }
	.nav-item .nav-top-element.button { float: none; margin: 0 auto; width: 284px; height: 30px; border: 1px solid #6aaf64 } 
	.owl-theme .owl-controls { text-align: center; margin: -40px auto 0 auto; }
	.carousel-item-box { position: absolute; top: 20%; left: 50%; width: 600px; margin-left: -300px; }
	.carousel-item-box h3 { border-image: none;}
	.carousel-item-box p{ width: inherit;}
	.owl-buttons { display: none;}
    #main-carousel.owl-theme .owl-controls .owl-pagination { position: relative; bottom: 0; right: 0;}

/* Home Page */
	#story-container{ width: 625px; margin: 0 auto;}
	#story-nav { width: 320px; }
	#story-nav a{ display: block; margin: 10px auto;}
	#story-nav .share { width: 275px;}
	#learn-container { width: 300px;}
	.learn-box { width: inherit; margin: 10px auto; font-size: 8px}
	.learn-box img{width: 100%;height: auto;}

	#footer { background: none; width: 80%; padding-top: 100px;}
	#sponsors { padding: 10px 0; }
	#sponsors a { margin-bottom: 10px; }
	#footer-nav { float: right; text-align: right; }

/* Detail Pages */
	

	#hero-image .hero-overlay { width: 600px; margin-left: -300px; font-size:8px;}
	#hero-image.detail-page img { min-height: 300px;}
	.hero-overlay h3, .hero-overlay p { width:100%; }
	.topic-container { margin: 0 auto; width: 90%;}
	.topic{ margin: 15px auto; display: block; float:none;}

	#hero-image.detail-page { width: 100%; overflow: hidden;}
	#detail-carousel { width: 300px; margin-left: -150px; overflow: visible; padding-top: 60px; top: 65px;} 
	#detail-carousel .item { width:295px;}
	#detail-carousel .item h3 { width: 180px;}
	#detail-carousel .owl-pagination { display: none;}
	.detail-header, .story-header, .story-subheader { width: 90%; margin: 0 auto;}


	#detail-carousel.owl-carousel .owl-wrapper-outer { overflow: visible;} 

/* Related Story */
	.related-story { width: 90%; margin: 0 auto; position: relative; left: 0;}
	.related-story h4, .related-story p{ width: 100%;}
	.related-story a {margin: 10px auto 0 auto; width: 90%; }
	#footer-wrapper.hasStory {  background-color: inherit; }

/* Our Story */
	#hero-image .hero-overlay.story { width: 240px; margin-left: -150px; font-size: 8px;}
	#outstories-header { width: 625px; margin: 20px auto 0 auto;}
	#outstories-header .subheader { width: 100%;}
	.filter-container { width: 375px; margin: auto;}

	#hero-image.hero-story img{ min-height: 440px;}
/* Story */
	#story-carousel { width: 100%;}
	.story-hero-image { width:100%; margin-top:20px;}
	#story-carousel .owl-item img { width: 95%;}

/* Impact */
	.impact-container { width: 320px;}
	.impact-container h2 {width: 275px; font-size: 230%; text-align: left; margin: 0 auto 20px auto;} 
	/* Interior Page */
	.story-container.featured-content {
		width: 810px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.topic-container.featured-stories.cards2 {
		padding-left: 0px;
	}
	.topic-container.featured-stories.cards1 {
		padding-left: 0px;
	}
	
	.topic-container.featured-stories .topic {
		margin: 0;
		float: left;
		display: inline;
	}
}
@media screen and (max-width: 660px) {
	
	#hero-image .hero-overlay { width: 300px; margin-left: -150px}
	/*General */
	#footer-wrapper { height: 345px;}
	#footer-nav { float: left; text-align: left; width: 100%; }
	#footer-nav li{ padding-right: 5px; }
	#footer .legal { margin-top: 0;}
	
	.carousel-item-box { position: absolute; top: 20%; left: 50%; width: 280px; margin-left: -140px; }
	.carousel-item-box a { margin: 0 auto; width: 90%; }

	#main-carousel .item { width: 100%; }
    #main-carousel .item img { height: 500px; width: auto}

    #hero-image{ max-height: 500px; font-size: 7px; width:100%; overflow: hidden;}
    #hero-image img{ width: auto; height: 500px; overflow: hidden;} 

    #detail-carousel .item h3 { font-size:140%;}
	/* Extra Query for Story Container and Content */

	.story { float: none; margin: 10px auto;}

	#story-container{ width: 300px; margin: 0 auto;}
	.story.Instagram img, .story.Instagram .story-info-container{position: absolute;}
	.story.Instagram h2{font-size: 140%;float: left;width: 75%;padding: 15px 25px 15px 25px;color: #fff;}
	.story.Instagram p{font-size: 120%;padding: 10px 25px 10px 25px;color: #a2d69f;}
	.story.Instagram strong{right: 20px;left: auto;}
	.story.Instagram .story-info-container{position: absolute;bottom: 0;background: rgba(41, 89, 37, .7);filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4c295925', endColorstr='#4c295925');}

	.story.Twitter h2{font-size: 160%;padding: 30px 0;}
	.story.Twitter .story-info-container{padding: 0 30px;}

	.story:nth-child(4n+1),.story:nth-child(4n+4){overflow: hidden;width: 282px;}
	.story:nth-child(4n+2),.story:nth-child(4n+3){overflow: hidden;width: 282px;}
	.story.Article img{display: none;}

/* Our Story */
	#outstories-header { width: 320px; }
	.filter-container { width: 320px; margin: auto;}
	.filter { width: 151px; height: 40px; background-size: 90%; font-size: 9px; margin: 0;}
	.filter h3{ padding-top: 14px; width:80px; height:25px;}
	.filter li { padding-top: 10px; width:109px; padding: 10px 14px 0 10px;}

/* Story */
	.addthis_sharing_toolbox { display: none;}
	
	/* Interior Page */
	.story-container.featured-content.featured-right img {
		float: none;
	}
	.story-container.featured-content img {
		display: block;
		float: none;
	}
	.story-container.featured-content .story.Article {
		height: auto;
	}
	.story-container.featured-content .story.Article .button-main.more,
	.story-container.featured-content.featured-right .story.Article .button-main.more {
		position: inherit;
	}
	
	.topic-container.featured-stories.cards2 {
		padding-left: 0px;
	}
	.topic-container.featured-stories.cards1 {
		padding-left: 0px;
	}
	
	
}