* {  box-sizing: border-box;  }
   html, body { height: 100%; }
   body{ 
      background-color: white; 
      margin: 0;
    }

#wrapper{
      position: relative;
      width: 100%;
      max-width: 960px;
      margin: 20px ;
    }


nav{
      position: fixed; 
      left: 0;
      top: 0;
      width: 100%;
      max-width: 960px;
     background-color: white;

    }



nav a {  
      width: 33.33333%;
      display: inline-block;
      padding: 10px;
      padding-bottom: 10px;
      text-decoration: none;
      font-size: 13pt;
      color: white;
      font-family: Avenir;
      font-weight: bold;
      text-align: center;
      color: #89cff0;
    }
nav a:hover {
       color: #cdebf9;
    }





h3 {
text-decoration: none;
color: #89cff0;
font-size: 20pt;
padding: 10px;
text-align: center;
font-family: Avenir;
font-weight: bold;
position: center; 
}


h3 a:hover {
       color: #cdebf9;
    }

span{
color: #cdebf9;
}

h4 {
text-decoration: none;
color: #89cff0;
font-size: 15pt;
padding: 5px;
padding-left: 200px;
text-align: center;
font-family: Avenir;
font-weight: bold;
position: center; 
}

  #nyc, #sf, #nola{
     min-height: 100%; 
     width: 100%;
     max-width: 960px;
     padding-top: 45px;
   }