/* SPOTLIGHT BLOCK */
.spotlight-section {background: #000; padding: 0; margin: 0; position: relative; overflow: hidden; height: 400px;}
.spotlight-section img {position: absolute; top: 0; left: 0; display: block; opacity: 0.8; width: 100%; margin-top: -300px; }

.spotlight-block-intro {background-color: rgba(0,0,0,0.6); padding: 20px; border-radius: 2px; width: 100%; box-shadow: 0 0 20px #fff; position: relative; top: 30%;}
.spotlight-block-intro p {margin: 0.25em; font-size: 18px; color: #FFF;}
.spotlight-block-intro .sub-head {text-transform: uppercase; color: #FFF; margin: 0; font-size: 14px; font-weight: bold;}
.spotlight-block-intro a {color:#065859;}
.spotlight-block-intro a:hover {text-decoration: underline;}
.spotlight-block-intro h3 {margin: 0.25em 0; font-size: 36px;}
h1 {margin: 0 0 0.25em 0; text-transform: capitalize; line-height: 1.25em; text-shadow: 1px 1px 0 #666; font-size: 48px; color: #fff; }
.report-wrapper {padding: 40px 0;}
.report-wrapper h2 {font-size: 32px;}
.download-wrap {background-color: #f0f0f0; padding: 40px; border-radius: 10px; box-shadow: 0 0 10px #666; max-width: 350px; margin: 0 auto;}
.download-wrap h3 { text-align: center; margin: 0;}
.download-wrap p {font-size: 12px;}
img.report-image {display: block; margin: 20px auto 0 auto; width: 100%;box-shadow: 0 0 10px #999;}
.download-wrap a.button {display: block; margin: 20px auto 0 auto; text-align: center; width: auto; text-shadow: 1px 1px 0 #666;}


.spotlight-home {margin: 40px 0;}
.spotlight-home .row {margin-bottom: 40px;}
.image-wrap {position: relative; background-color: #000;overflow: hidden;}
.image-wrap img {position: absolute; top:0; opacity: 0.8; display: block; width: 100%;}
.spotlight-overlay {color: #fff; font-size: 14px; padding: 20px;position: relative; margin: 120px 0 0 0;  text-transform: uppercase;background-color: rgba(0,0,0,0.6); height: 180px;}
.spotlight-section-wrap {margin-bottom: 30px;}
.spotlight-overlay h2 {font-size: 36px; margin: 10px 0 0 0;}
.section-wrap {padding: 30px 20px; background-color: #f0f0f0;}
.section-wrap p:first-of-type {margin-top: 0;}
.section-wrap p:last-of-type {margin-bottom: 0;}
.section-wrap h3 {font-size: 24px; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 0 #fff; margin: 20px 0 10px 0;}
ul.spotlight-article-list {list-style-type: none; margin: 0; padding: 0px; }
ul.spotlight-article-list li {padding: 5px 0;}
ul.spotlight-article-list li a:hover {color: #666; text-decoration: underline;}
ul.spotlight-article-list li.more-link {padding: 10px 0 0 0;}
ul.spotlight-article-list li.more-link a {font-style: italic; }

@media screen and (max-width:1250px){
    h1 {font-size: 36px;}
    .spotlight-section img {margin-top: -200px;}
}

@media screen and (max-width:1000px){
    h1 {font-size: 32px;}
    .spotlight-section img {margin-top: -125px;}
}


@media screen and (max-width:800px){
    .spotlight-section {min-height: 300px;}
    .spotlight-block-intro {top: 10%;}
    .spotlight-section img {margin-top: -50px; width: 120%;}
    h1 {line-height: 1.2em; font-size: 28px;}
    .report-wrapper h2 {font-size: 26px;}
    .report-wrapper p {font-size: 16px;}
    .download-wrap {margin: 20px auto;}
}

@media screen and (max-width:600px){
    .spotlight-section img {margin-top: 0px;}
    h1 {line-height: 1.2em; font-size: 24px; margin-top: 10px;}
    .spotlight-block-intro p {font-size: 14px;}
    .spotlight-block-intro {text-align: center;}
    
}