#hero {
   position: relative;
   top: 120px;
   margin-bottom: 120px;
   width: 96%;
   height: 600px;
   background-color: #004168;
   border-bottom: 10px #2d8c02 solid; }
   
   .slide {
      background-repeat: no-repeat;
      background-position: center top;
      position: relative;
      background-size: cover;
      height: 600px;
      z-index: 1; }   
   
   #hero ul, #hero .control { 
      display: none; }
      
   #overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      background-image: url(/theme/img/hero-tile.png);
      background-position: center center;
      background-size: cover; 
      background-repeat: no-repeat; }
   
   #stay-in-touch {
      position: absolute;
      z-index: 10;
      width:52%;
      margin: 0 24%;
      bottom: 30px;
      background: rgba(255,255,255,.75); }
   
   #stay-in-touch h1 {
      width: 100%;
      font-size: 36px;
      padding: 10px 0;
      background: #2d8c02;
      color: white;
      text-align: center;
      font-family: "bebas-neue", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 300; }
      
   #stay-in-touch .text {
      width: 90%;
      padding: 3% 5% 5% 5%; }
      
   #stay-in-touch .signup input {      
      -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); }
   

#intro {
   margin: 2em 0;
   width: 100%;
   height: 600px;
   background-color: #004168;
   background-position: top center;
   background-size: 100%;
   background-repeat: no-repeat;
   background-blend-mode: luminosity; }
   
   #intro .text {
      color: white;
      width: 60%;
      height: 100%;
      padding: 0 20%;
      background-color: rgba(0,65,104,.7); }
      
   #intro .text h1 {
      padding: 1em 0 .25em; 
      color: white;
      font-family: "bebas-neue", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 300;}
   
   #intro .subhead {
      display: block;
      margin-bottom: 2em; }
      
   #intro .button { clear: both; background: white; color: #004168; font-size: 28px; }
   #intro .button:hover { background: #009fff; color: white; }
   #intro .button:active { color: #009fff; background: white; }
   
   
#feed {
   clear: both;
   margin: 0 auto;
   background: none; }
   
   #feed h1 { 
      font-family: "bebas-neue", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px; 
      font-weight: 300;}
   
   #feed ul { display: none; }
   
   #feed article {
       background: #ececec;
       float: left;
       width: 27%;
       height: 200px;
       overflow-y: hidden;
       padding: 2%;
       margin: 1.0%;
       text-align: left;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition:    all .3s ease-in-out;
       -o-transition:      all .3s ease-in-out;
       -ms-transition:     all .3s ease-in-out;
       transition:         all .3s ease-in-out; }
   
   #feed article:hover {
       background-color: #ddd; }
     
   #feed article:active {
       background-color: #ececec; }
       
   #feed article h2 {
      letter-spacing: 0;
      color: #888;
      font-size: 22px;
      line-height: 1.2;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition:    all .3s ease-in-out;
       -o-transition:      all .3s ease-in-out;
       -ms-transition:     all .3s ease-in-out;
       transition:         all .3s ease-in-out; }
      
      #feed article:hover h2 { color: #444; }
       
   #feed article small {
       font-size: 13px;
       text-transform: uppercase;
       font-weight: 300;
       color: #444; 
       margin-bottom: 0.5em;
       display: block;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition:    all .3s ease-in-out;
       -o-transition:      all .3s ease-in-out;
       -ms-transition:     all .3s ease-in-out;
       transition:         all .3s ease-in-out; }
       
       #feed article:hover small {  }
       
   #feed a.button {
      color: #aaaaaa;
      background: white;
      font-size: 28px;
      border: 1px #aaaaaa solid;
      display: inline-block;
      margin: 1em;}
      
   #feed a.button:hover {
      color: white;
      background: #aaa;}