/* --- KONTAKT --- */
#kontakt {
  padding: 2rem;
  display: flex;
  justify-content: center; /* centrowanie wszystkich divów */
}

#top{
    gap: 2rem;
    display: flex;
    flex-direction: column;
}
#main {
  display: flex;
  flex-direction: column;

  width: 100%;
  max-width: 900px; /* maksymalna szerokość */
}

/* --- POSZCZEGÓLNE DIVY --- */
#left, #right, #mid {
  padding: 1.5rem;
  border-radius: 12px; /* zaokrąglone rogi */
  background-color: #1f1f1f; /* ciemny kolor tła */
  border-left: 4px solid #ffcc00; /* żółta linia po lewej dla dwóch pierwszych divów */
}

#mid {
  border-left: none; /* mapa bez linii */
}

/* --- TYPGRAFIA --- */
#left h1, #right h1, #mid h1 {
  margin-top: 0;
  color: #ffcc00;
}

/* --- MAPA --- */
#mid iframe {
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 12px;
}

/* --- RESPONSYWNOŚĆ --- */
@media (max-width: 768px) {
  #main {
    padding: 0.5rem;
  }
  #kontakt {
    padding: 1rem;
  }
}