@charset "UTF-8";
/* CSS Document */
/* for MANAGING RISK IN A CHANGING CLIMATE */

section#scrim { padding: 5em 2em 4em 2em; line-height: 175%; }
section#scrim h2 { color: #fff; font-size: 60px; padding: 2.5em 0 .25em 0; text-align: center; line-height: 72px;}
section#scrim h3 { text-align: center; padding: 0 0 1.5em 0; font-size: 50px; line-height: 60px; }
section#scrim p { padding: 0 0 2em 0; }
.scrim-trailer { background-image: url(../images/scrim/USAF_rescue.jpg); background-size: cover; background-position: center; min-height: 500px; text-align: center; }
.scrim-trailer p { color: #fff; padding: 0 0 3em 0; }
section#scrim a.button { display: inline-block; margin: 0 auto; width: auto; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px 25px; }
section#scrim a.button:after { content: ' »'; }
.scrim-tool h4 { padding: 0; }
.scrim-tools ul { padding: 0; margin: 0; }
.scrim-tools ul li { display: inline-block; width: 27%; vertical-align: top; padding: 3%; margin: 0; line-height: 150%; }
.scrim-tools ul li a { text-decoration: none; }
.button-sm { padding: 0px 15px; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: .5em 0 0 0; font-size: 80%; background-color: #efc903; color: #000 !important; border: none; display: inline-block; text-transform: lowercase; }
.button-sm:after { content: ' »'; }
.button-sm:hover { background-color: #fae24d; cursor: pointer; }

#inline1 div, #inline2 div { background-color: #fff; padding: 3em; }

.btTxt { padding: .5em .75em; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; font-size: 100%; background-color: #efc903; color: #000; min-width: 100px; border: none; /*border-bottom: 3px solid #A59600;*/ }
.btTxt:hover { background-color: #fae24d; /*border-top: 2px solid #fae24d; border-bottom: 1px solid #fae24d;*/ cursor: pointer; }

.scrim-screening { text-align: center; }
.scrim-screening .scrim-panel { width: 80%; margin: 0 10% 1em 10%; line-height: 100%; }
.scrim-panel { padding: 0 0 2em 0; }
.scrim-panel td { width: 20%; padding: 0 2.5% 10px 2.5%; vertical-align: top; font-size: 80%; text-align: center; }
.scrim-panel img, .scrim-tools img { width: 100%; height: auto; border: 5px solid #fff; margin: 0 0 10px 0; }
.screening-info { background-color: #fff; padding: 1.5em 5% .5em 5%; margin: 0 15% 1em 15%; width: 60%; }
.screening-info p { line-height: 150% !important; }
.screening-info strong { font-size: 120%; }
.screening-info h5 { color: rgba(100,155,65,1) }
.panel ul { list-style: none; padding: 0; margin: 0; }
.panel ul li { text-align: center; width: 20%; margin: 0 2.5% 0; display: block; float: left; line-height: 130%; }
.panel ul li img { max-width: 200px; border: 4px solid #fff; }

.scrim-tools, .scrim-about { background-image: url(../images/scrim/trees-white.jpg); background-size: cover; background-position: center; background-attachment: fixed; } 

.scrim-photos { color: rgba(255,255,255,.8); background-color: rgba(40,50,70,1); background-image: url(../images/scrim/interview-bg.jpg); background-size: cover; background-position: center; background-attachment: fixed; } 
.scrim-photos h3 { color: #fff !important; }
.scrim-photos a { color: #fff !important; } 

.interview { display: block; width: 640px; margin: 0 auto; height: auto; }

.scrim-cities { background-image: url(../images/scrim/cityscape.png); background-size: cover; background-repeat:no-repeat; background-position: bottom; } 

.scrim-louisiana { color: rgba(255,255,255,.8); background-color: rgba(40,50,70,1); background-image: url(../images/scrim/louisiana.jpg); background-size: cover; background-position: center; background-attachment: fixed; } 
.scrim-louisiana h3, .scrim-louisiana h4, .scrim-louisiana h5 { color: #fff !important; }
.scrim-louisiana h4 a, .scrim-louisiana h5 a { text-decoration: none; }
.scrim-louisiana a { color: #fff } 
/*.scrim-louisiana .container div:nth-child(even) { display: inline-block; width: 44%; vertical-align: top; padding: 0 10% 5% 0; margin: 0; line-height: 150%; }
.scrim-louisiana .container div:nth-child(odd) { display: inline-block; width: 44%; vertical-align: top; padding: 0 0 5% 0; margin: 0; line-height: 150%; }*/
.scrim-louisiana .container div img { width: 240px; height: auto; float: left; margin: 0 2em 1em 0; border: 4px solid rgba(255,255,255,.25) }
.scrim-louisiana .container div { clear: both; border-bottom: 1px solid rgba(255,255,255,.25); padding: 0 0 1.5em 0; margin: 0 0 2em 0; }
.scrim-louisiana .container div:last-child { border-bottom: none;  }
.scrim-louisiana p, scrim-louisiana h4 { margin-left: 280px; }

.city-video { width: 48%; float: left; line-height: 150%; }
.city-video img { width: 100%; height: auto; margin: 0 0 .5em 0; border: 4px solid #fff; }
.city-links { width: 46%; float: right; }
.city-links ul { margin: 0; padding: 0; }
.city-links li { line-height: 150%; list-style-type: none; padding: 0 0 2em 0; margin: 0 0 2em 0; border-bottom: 2px solid #fff; }
.city-links li:last-child { border-bottom: none; }
.city-video a, .city-links ul li a { text-decoration: none; }

.scrim-disclaimer { text-align: center; font-size: 80%; }

@media (max-width: 1200px) {

}

@media only screen and ( min-width: 768px) and ( max-width: 960px ) {

.panel ul li img { max-width: 150px; border: 4px solid #fff; }
	
}

@media only screen and ( max-width: 767px) { 

/*SCRIM */
#section.scrim

.screening-info { background-color: #fff; padding: 1.5em 2.5% .5em 2.5%; margin: 0 0 1em 0; width: 95%; }
.scrim-panel { padding: 0 0 2em 0; }
.scrim-panel td { width: 80%; padding: 0 2.5% 10px 2.5%; vertical-align: top; font-size: 80%; text-align: center; float: left; clear: left; }
.scrim-panel img, .scrim-tools img { width: 100%; height: auto; border: 5px solid #fff; margin: 0 0 10px 0; }

.panel ul { list-style: none; padding: 0; margin: 0;  }
.panel ul li { text-align: center; width: 100%; margin: 0; display: block; float: left; line-height: 130%; padding: 0 0 1em 0; }
.panel ul li:nth-child(3) { clear: both; color: red; }
.panel ul li img { max-width: 180px; border: 4px solid #fff; }

.city-video { width: 100%; float: none; line-height: 150%; padding: 0 0 2em 0; }
.city-video img { width: 100%; height: auto; margin: 0 0 .5em 0; border: 4px solid #fff; }
.city-links { width: 100%; float: none; }
.city-links ul { margin: 0; padding: 0; }
.city-links li { line-height: 150%; list-style-type: none; padding: 0 0 2em 0; margin: 0 0 2em 0; border-bottom: 2px solid #fff; }
.city-links li:last-child { border-bottom: none; }
.city-video a, .city-links ul li a { text-decoration: none; }

.scrim-tools ul { padding: 0; margin: 0; }
.scrim-tools ul li { display: block; width: 100%; vertical-align: top; padding: 1.5%; margin: 0 0 1.5em 0; line-height: 150%; }
.scrim-tools ul li a { font-size: 125%; text-decoration: none; }

.scrim-louisiana .container div img { width: 98%; }
section#scrim a.button { display: inline-block; margin: 0 auto 1em; width: auto; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px 25px; font-size: 80% }

.scrim-louisiana p, scrim-louisiana h4 { margin-left: 0; }

}