@charset "utf-8";
/* CSS Document */

		body {font-family:"myriad-pro";}
		
		h2.title {font-size:26px;}
		
		.content_row {display:table; width:100%; position:relative; height:100vh;}
		.content_row .content_container {display:table-cell; vertical-align: middle; margin:0px auto; width:1280px; position:relative;}
		.content_row .title {font-weight:900; text-shadow:4px 4px 4px #a1a1a1; padding:20px; text-align: center}
		.aa-panel {min-height:100vh; border-bottom:6px solid #cc4e0b;} 
		.text {font-size:18px;}
		img.img-responsive {width:100%;}
				
		.articles .item {text-align: center; padding:20px;}
		.articles .item .headline {font-weight:600; text-transform: uppercase; font-size:20px; line-height: 1.2;}
		.articles .item .info {display:none;}
		.articles .item img {box-shadow:3px 3px 3px #a1a1a1;}
		
		.more-articles {max-width:800px; margin:0px auto;}
		.more-articles .item {text-align: center; padding:20px; font-size:16px; font-weight: 600;}
		.more-articles ul li {font-size:20px; font-weight: 600; padding:10px;}
		
		.scrolldown {color:#fff; position:absolute; bottom:10px; left:0; right:0; font-size:24px; opacity:1; -webkit-transition: all 1s; transition: all 0.25s; text-align: center;}
		.smaller .scrolldown {opacity:0;}
		
		.panel-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#fff; opacity:1;}
		
		.statea {opacity:0; -webkit-transition: all 2s; transition: all .25s;}
		.stateb {opacity:1; -webkit-transition: all 2s; transition: all .25s;}
		
		.item-separator {border-bottom:1px solid #fff; max-width:500px; margin:0px auto;}
		
		.state-container img {max-width:550px; margin:0px auto;}
		.stats-container img {max-width:550px; margin:0px auto;}
		
	/* INTRO PANEL */
		
		.intro {background-color: #14162f; color:#fff;}
		.intro .intro-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#03244d; opacity:1;}
		
		.intro .content_container {width:1600px;}
		
		.intro {border-top:6px solid #cc4e0b;}
		.intro .title {font-size:32px; font-weight:900; text-shadow:4px 4px 4px #000;}
		.intro .text {font-size:18px; padding:10px; max-width:1280px; margin:0px auto;}
		.intro .image {margin:0px auto;}
		.intro .navigation {font-size:56px; margin:40px auto;}
		.intro .navigation .item a {color:#fff;}
		.intro .navigation .item a:hover, .intro .navigation .item a:focus {color:#cc4e0b;}
		.stats {margin-bottom:30px;}
		
	/* ECONOMIC OPPORTUNITY */
		
		.economic-opportunity div {}
		
		.text {font-size:20px; padding:10px;}
		.economic-opportunity .image {margin:0px auto;}
		
	/* CITIZENS RESOURCE */

		.resource .image {margin:0px auto;}
		

	/* GAME CHANGERS */
		
		.gamechanger div {}
		.gamechanger-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#fff; opacity:1;}
		.gamechanger .image {margin:0px auto;}
		
	/* PROBLEM SOLVERS */		
		
		.problemsolver div {}
		.problemsolver-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#fff; opacity:1;}
		.problemsolver .image {margin:0px auto;}
		
		@media (min-width: 768px)
		{
			.intro .text {font-size:24px; padding:40px;}
			.intro .stats {display:table; margin:10px auto;}
			.intro .stats .item {display:table-cell; float:none; vertical-align: middle;}
			h2.title {font-size:36px;}
			
			.intro .content_container .intro-content {display:table; width:100%; }
			.intro .content_container .state-container {display:table-cell; vertical-align: middle; float:none;}
			.intro .content_container .stats-container {display:table-cell; vertical-align: middle;   float:none;}
			.intro .content_container .state-container .intro-text {position:absolute; bottom:0; left:10%; right:10%; z-index: 1; font-size:16px;}
		}

		@media (min-width: 992px)
		{
			
		}
		
		@media (min-width: 1024px)
		{
			.intro .intro-filter {opacity: 0.7; background-color:#000;}
			.panel-filter {opacity:0.8;}
			h2.title {font-size:42px;}
			.intro .title {font-size:48px;}			
		}
		
		@media (min-width: 1280px)
		{
			
			
			.economic-opportunity {background:url(https://live.staticflickr.com/1789/41726754210_fa785bac22_k.jpg); background-size: cover; background-repeat: no-repeat; background-position:center center; background-attachment: fixed;}
			.resource {background:url(http://www.auburn.edu/advancingalabama/_assets/images/resource-background.jpg); background-size: cover; background-repeat: no-repeat; background-position:center center; background-attachment: fixed;}
			.problemsolver {background:url(https://live.staticflickr.com/4886/31912049648_eef1c9739d_h.jpg); background-size: cover; background-repeat: no-repeat; background-position:center center; background-attachment: fixed;}
			.intro .title {font-size:56px; text-transform: uppercase;}
		}