.map-page-map {
  margin-top: -2rem !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  display: block !important;
  width: 100%;
}

.beach-map {
  display: block !important;
  width: 100% !important;
  height: 80vh !important;
  min-height: 500px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  background-color: #e8e8e8;
  position: relative;
  border-radius: 8px !important;
}

#beach-map.leaflet-container {
  background-color: #f0f0f0;
}

@media (max-width: 768px) {
  .map-page-map {
    margin-top: -1rem !important;
  }
  
  .beach-map {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    height: 60vh !important;
    min-height: 400px !important;
    border-radius: 0 !important;
  }
}