/* Stylowanie mapy */
.map-container {
  width: 100%;
  max-width: 1200px; /* Maksymalna szerokość mapy */
  height: 500px; /* Wysokość mapy */
  margin: 40px auto; /* Centrowanie mapy */
  border-radius: 10px; /* Zaokrąglenie rogów */
  overflow: hidden; /* Ukrywa elementy wychodzące poza kontener */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Cień pod mapą */
}

/* Responsywność mapy */
@media (max-width: 768px) {
  .map-container {
    height: 400px; /* Zmniejszenie wysokości mapy na urządzeniach mobilnych */
  }
}

@media (max-width: 480px) {
  .map-container {
    height: 300px; /* Jeszcze mniejsza wysokość na bardzo małych ekranach */
  }
}

iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.main {
  padding: 40px;
  text-align: center;
}
/* Stylowanie dla nagłówka h1 */
.title {
  margin-top: 40px;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: black; /* Elegancki ciemny granat */
  margin-bottom: 20px;
  position: relative;
}
.title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #c0b39a; /* Nieco jaśniejszy niebieski */
  margin: 8px auto 0;
  border-radius: 5px;
}