html, body {
height: 100%;
margin: 0;
padding: 0;
font-size: 16px;
}

#map {
height: 100%;
}

#floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}

#floating-panel {
  background-color: #fff;
  border: 1px solid #999;
  left: 25%;
  padding: 5px;
  position: absolute;
  top: 10px;
  z-index: 5;
}

.header{
  height: 50vh;
}

.nav {
  height: 3rem;
  border-bottom: 1px;
  border-bottom-color: #fafafa;
}

.map-area{
  height: 50vh;
}