Footer{
    padding: 5%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans",sans-serif;
}
.upper-third{
  display: flex;
  background-color:rgb(150, 196, 199)
}
h1,h2,h3,h4,h5,h6{
  font-family: "Montserrat",sans-serif;
}

#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.map-overlay {
position: absolute;
left: 0;
top:0;
padding: 10;
width:100%;
background-color: white;
box-shadow: white;
}
.map-overlay h2{
  color:whitesmoke;
  font-weight: 700;
  text-align: center;
  background-color: rgb(124, 142, 202);
}
.btn-secondary{
  margin-top:2em;
  margin-left: 60rem;
  border: none;
}
.bg-secondary, .btn-secondary{
  background-color:rgb(121, 215, 221);
}
.bg-secondary:hover, .btn-secondary:hover{
  background-color:rgb(232, 220, 84);
}
.mapboxgl-popup-content h3{
  font-family: "Open Sans";
  font-size: 1em;
  font-weight: 700;
  color:white;
}