@media screen {
	h2 { font-size: 4em; }
	
}

@media screen and (min-width: 768px) {
	h2 { font-size: 4.5em }
}

@media screen and (min-width: 1024px) {
	h2 { font-size: 5.5em }
}

@media screen {
	#stories .row img { width: 100%; height: auto; }
	
	#stories .row > div { margin-bottom: 1em; }
}

@media screen and (min-width: 1024px) {
	#stories .row img { width: auto; height: auto; }
}

@media screen {
	#whats-at-stake ul, #threats ul { display: block; }
	
	#whats-at-stake li, #threats li { width: 33.3333%; text-align: center; }
	
	#whats-at-stake li a, #threats li a { width: 100%; max-width: 110px; font-size: 0.8em; }
}

@media screen and (min-width: 768px) {
	#whats-at-stake ul, #threats ul { display: inline-block; }
	
	#whats-at-stake li, #threats li { width: 110px; }
	
	#whats-at-stake li a, #threats li a { width: 100%; max-width: 110px; font-size: 1.2em; }
}

@media screen {
	.science-report, .science-report:last-child { padding-bottom: 1em; }
}

@media screen and (min-width: 1024px) {
	.science-report { padding-bottom: 1rem; }
	.science-report:last-child { padding-bottom: 2em; }
}

@media screen {
	.page#whats-at-stake .tab-pane .row {
	    padding-top: 0;
	}
	
	#whats-at-stake h2 { margin-top: 0; }
}

@media screen and (min-width: 767px) {
	#whats-at-stake h2 { margin-top: 1em; }
	
	.page#whats-at-stake .tab-pane .row {
	    padding-top: 1em;
	}
}

@media screen and (min-width: 1024px) {
	#whats-at-stake h2 { margin-top: 1em; }
	
	.page#whats-at-stake .tab-pane .row {
	    padding-top: 2em;
	}
}

#science {
	background: none;
	background-color: #f4f1e8;
}

#science h2, #science h3, #science p {
    text-shadow: none;
}

#science h2 { color: #000; }

#science h3 { color: #363636; font-size: 28px; line-height: 1.2; padding: 0; }
#science h3.downloads { font-size: 24px; padding-bottom: 10px; margin-top: 2px; }

#science p { color: #555; font-size: 16px; line-height: 1.5; }

#science ul { padding-left: 20px; color: #2a6496; }

#science li a { font-size: 20px; color: #2a6496; line-height: 1.2; }

#science img { margin-top: 8px; border: 1px solid #ccc; }

#ig h2 { padding-bottom: 3px; }


@media screen and (min-width: 767px) {
	#secondaryNav .navbar-nav {
	    margin: 0!important;
	}
	
	#secondaryNav ul li a {
	    height: 80px;
	}
	
	#subNav .nav li.subNav-facebook, #subNav .nav li.subNav-twitter { display: block!important; }
	
	li.subNav-facebook a, #subNav .nav li.subNav-twitter a { height: 40px; }
	
	#secondaryNav li.subNav-facebook {
	    position: relative;
	    top: 0px;
	    right: 0px;
	    background-color: #1cadca;
	}
}

@media screen and (min-width: 960px) {
	#secondaryNav li.subNav-facebook {
	    position: relative;
	    top: 40px;
	    right: -40px;
	    background-color: #1cadca;
	}
}

button:focus { outline: none!important; }
button:active { outline: none!important; }