.interactive-map-carpooling-areas {
  max-width: 1200px;
  margin: 10rem 10rem;
}
@media (min-width: calc(1200px + 20rem)) {
  .interactive-map-carpooling-areas {
    margin: 10rem auto;
  }
}
@media (max-width: 1280px) {
  .interactive-map-carpooling-areas {
    margin: 7.5rem 7.5rem;
  }
}
@media (max-width: 1024px) {
  .interactive-map-carpooling-areas {
    margin: 7.5rem 3.75rem;
  }
}
@media (max-width: 768px) {
  .interactive-map-carpooling-areas {
    margin: 7.5rem 5rem;
  }
}
@media (max-width: 640px) {
  .interactive-map-carpooling-areas {
    margin: 7.5rem 3rem;
  }
}
@media (max-width: 448px) {
  .interactive-map-carpooling-areas {
    margin: 5rem 1.25rem;
  }
}

h3 {
  display: block;
  font-size: 1.4em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.text-content {
  max-width: 1200px;
  margin: 3rem auto;
}

.text-content span {
  color: red;
}

.asterisk {
  margin-top: 1rem;
  font-size: 0.75rem;
  margin-bottom: 3rem;
}

.map {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 5px;
  margin-top: 3rem;
}

.container-link {
  margin-top: 3rem;
  width: 100%;
  display: flex;
  justify-content: center;
}