/* Container for the header and map */
.big_map_container {
  display: flex;
  flex-direction: column;  /* Stack header and map vertically */
  align-items: center;
  background-color: white;
  width: 100%;
  max-width: 57.5rem;
  margin: 0 auto;          /* Center the container */
  padding: 0 1.25rem;
}

.big_map_container_div {
  background-color: white;
  width: 100%;
  max-width: 57.5rem; /* Set maximum width to match the header */
  height: 80vh; /* responsive height, 60% of the viewport  */
  display: block;
}

#big_map {
  width: 100%; /* Map takes up full width of container */
  height: 100%; /* Map height fills its container */
  border-radius: var(--border-radius);
}

#coords {
  text-align: center; /* Center the lat, long text horizontally */
  font-size: 1rem;
  margin-top: .125rem; /* Space between map and coordinates */
}