html {
      height: 100%;
    }
    body {
      background: #f1f1f2;
      padding: 0;
      text-align: center;
      font-family: 'open sans';
      position: relative;
      margin: 0;
      height: 100%;
    }
    
    a {
      text-decoration: none;
    }

    
    .main {
      margin-bottom: 20px;
      overflow: hidden;
    }
   .page {
      width: 100% !important;
      max-width: 1000px;
      margin: 5px auto;
      height: 500px;
       padding: 20px;
    }
    
    .page a{
      color: white;
      position: absolute;
      background: rgba(0,0,0,0.25);
      width: 100%;
      height: 100%;
      top: 0;
      padding-top: 225px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      left: 0;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 4px;
      font-size: 20px;
    }
  
    .page1 div{
      background: url(../images/ParkDecNightsw.jpg) center center;
      background-size: cover;
    }
    
    .page2 div{
      background:  url(../images/ussmidway.jpg) center center;
      background-size: cover;
    }
    
    .page3 div {
      background:  url(../images/gaslamp.jpg) center center;
      background-size: cover;
    }
    
    .page4 div {
      background:  url(../images/sdzoo.jpg) center center;
      background-size: cover;
    }
     .page5 div {
      background:  url(../images/seaworld.jpg) center center;
      background-size: cover;
    }
      
       .page6 div {
      background:  url(../images/safaripark.jpg) center center;
      background-size: cover;
    }
      
       .page7 div {
      background:  url(../images/coronadobeach.jpg) center center;
      background-size: cover;
    }
      
       .page8 div {
      background:  url(../images/lajollabeach.jpg) center center;
      background-size: cover;
    }
      
      .page9 div {
      background:  url(../images/missionbeach.jpg) center center;
      background-size: cover;
    }
   
      footer{width: 100%; height: 300px; background-color: #000;}
    
      
       /*@media screen and (min-width: 412px) {
           #navlogo_content{grid: 0.2fr 1fr/1fr;}
}*/