body {
    margin:0; 
    padding:0; 
    font-family: sans-serif;
}
a, a:hover, a:visited {
    color: #0071bc;
}
#map {
    top:0; 
    height: 100vh;
    width:100vw;
    position: fixed;
    z-index: -5;
}
#header {
    margin: 3vh auto;
    width: 90vw;
    padding: 2vh;
    text-align: center;
    display:none;
}
#footer {
    width: 100%;
    min-height: 5vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    display:none;
}
#features {
    padding-top: 10vh;
    padding-bottom: 10vh;
    z-index: 100;
}
.centered {
    width: 50vw;
    margin: 0 auto;
}
.lefty {
    width: 33vw;
    margin-left: 5vw;
}
.righty {
    width: 33vw;
    margin-left: 62vw;
}
.light {
    color: #444;
    background-color: #fafafa;
    opacity: 0;
}
.dark {
    color: #fafafa;
    background-color: #444;
    opacity: 0;
}
.standout {
    color: #444;
    background-color: #fafafa;
    
}
.standout p {
    font-size: 110%;
}
.step {
    padding-bottom: 50vh;
    /* margin-bottom: 10vh; */
 
}
.step.active {
   
}

.step div {
    padding:  25px 50px;
    line-height: 25px;
    font-size: 13px;

}

.step img {
    width: 100%;
}

@media (max-width: 750px) {
    #features {
        width: 90vw;
        margin: 0 auto;
    }
}

#loading {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    background-color: #fff;
    z-index: 99;
  }
  
  #loading-image {
    z-index: 100;
  }

  #elevation {
    position: fixed;
    justify-content: left;
    align-items: left;
    width: 180px;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 0.9;
    background-color: #fff;
    z-index: 99;
  }
  #elevation p {
    padding: 0;
    margin:5px 0 0 10px;
  }