@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Fredoka:wght@300..700&display=swap');

.map-container iframe {
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

img {
  box-shadow: 0 0 16px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
  .col-md-6 + .col-md-6 {
    margin-top: 1.5rem;
  }
}

.blue-section {
  background-color: #e8f2fb;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
}

.white-section {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
}

h2 {
  margin-top: 0.75rem;
}

h1, h2, h3 {
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

p, li {
    font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}