.header {background: linear-gradient(to bottom, rgba(255,255,255,0.99) 0%,rgba(255, 255, 255, 0.5) 100%), url('../img/section-bg.png'); padding: 1em 0; margin: 0 auto!important;}
.nav {font-family: "Unica One", sans-serif; text-transform: uppercase; font-size: 1.5em;}
.nav li {margin-left: 2em;}
.nav li a {color: #000;}
.nav li a:hover {color: #1e4e30;}
.logo {width: 150px;}

.front-hero {text-align: center; padding: 15em 0!important; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(12, 12, 0, 0.125) 100%), url('../img/front-hero-bg.jpg'); background-size: cover; margin-bottom: 0!important; background-position: center center;}
.front-hero p {font-family: "Open Sans", sans-serif; color: #fff!important; text-shadow: 3px 2px 2px rgba(51, 51, 51, 1);}
.front-hero h1 {font-family: "Open Sans", sans-serif; font-weight: bold; color: #fff!important; text-shadow: 3px 2px 2px rgba(51, 51, 51, 1);}

.sub-hero {text-align: center; padding: 10em 0!important; background-image: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(12, 12, 0, 0.125) 100%), url('../img/gas-bg.jpg'); background-size: cover; background-position: center bottom; margin-bottom: 0!important;}
.sub-hero p {font-family: "Open Sans", sans-serif; color: #fff!important; text-shadow: 3px 2px 2px rgba(51, 51, 51, 1);}
.sub-hero h1 {font-family: "Open Sans", sans-serif; font-weight: bold; color: #fff!important; text-shadow: 3px 2px 2px rgba(51, 51, 51, 1);}

.page-hero {text-align: center; padding: 5em 0!important; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(12, 12, 0, 0.125) 100%), url('../img/section-bg.png'); background-size: cover; background-position: center bottom; margin-bottom: 0!important;}
.page-hero p {font-family: "Open Sans", sans-serif; color: #fff!important; text-shadow: 3px 2px 2px rgba(51, 51, 51, 1);}
.page-hero h1 {font-family: "Open Sans", sans-serif; font-weight: bold; color: #fff!important; text-shadow: 3px 2px 2px rgba(51, 51, 51, 1);}

.about-section {padding: 7em 0; background: url('../img/section-bg.png') no-repeat; background-size: cover; color: #fff;}
.about-section .row {width: 80%; margin: 0 auto;}

.state-section {padding: 5em 0;}
.state-section .row {width: 80%; margin: 0 auto;}

.content {padding: 7em 0; background: #fff; color: #000;}
.content .row {width: 80%; margin: 0 auto;}

.footer {padding: 5em 0; background: #000; color: #fff;}

@media only screen and (max-width: 800px) {
    .header {text-align: center; margin: 0 auto;}
    .nav {width: 100%!important;}
    .nav li {width: 100%!important;}
    .nav-item {order: 2; margin-left: 0!important;}
    .logo-item {order: 1; padding-bottom: 1em; margin-left: 0!important;}
    .about-section .row {width: 100%;}
    .state-section .row {width: 100%;}
    .content {padding: 4em 0;}
    .content .row {width: 100%;}
    .team-list {padding: 2em 0;}
    .team-block {padding: 2em 0;}
    .front-hero h1 {font-size: 2.5em;}
    .sub-hero h1 {font-size: 2.5em;}
  }