body {background: #000; color: #FFF; font-size: 18px;}

.yellow-banner {background: #facd00; color: #000;font-size: 16px;}
.yellow-banner > div > div {padding-top: 15px; padding-bottom: 15px;}
.yellow-banner h3 {text-transform: uppercase; font-size: 16px; padding: 0; margin: 0; line-height: 1.5em;}
.yellow-banner .phone{position: relative;}
.yellow-banner .phone:hover{background: #444;}
.yellow-banner a{color: #000; text-decoration: none;}
.yellow-banner a:hover{color: #facd00;}


.page-header {padding-top: 75px;}

.page-header h1{text-transform: uppercase; font-size: 3rem; font-weight: bold; color: #facd00; position: relative; background: #000; margin-bottom: 60px;}
/*.page-header h1:before {position: absolute; display: block; content: ""; background: url("../images/iowa-outline.png") no-repeat center center; background-size: contain;z-index: -1; left: 50%; top: -25px; bottom: -25px; width: 100%; transform: translateX(-50%);}*/

.image-banner {position: relative;}
.image-banner > div {position: absolute; bottom: 0px; width: 100%; left: 0px; right: 0px;}
.image-banner > div > div > div {background: #000;}

.address {margin-bottom: 35px;}
.address i {font-size: 72px; display: block; margin-bottom: 15px;}

.address > div {position: relative;}

.address a{color: #fff; text-decoration: none;}
.address a:hover{color: #facd00;}


@media screen and (min-width:576px){
.yellow-banner {font-size: 20px;}    
.yellow-banner h3{font-size: 20px;}    
}