/* Wrapper around the map */
.map-container {
  width: 100vw;              /* full browser width */
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  padding: 0;
  overflow: hidden;
  height: auto;              /* allow the map to define height */
}

/* The actual Leaflet map */
#map {
  width: 100%;
  height: calc(100vh - 120px);  /* taller than before */
  border-radius: 8px;
  overflow: hidden;
}