section.availability-map {
  background: var(--color-tcc-light-cyan);

  .iframe-container {
    position: relative;
    height: calc(90vh - 150px);
  }

  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  h2 {
    color: var(--color-tcc-blue);
    text-align: center;
    margin-bottom: 2rem;
    width: 100%;
    text-wrap: balance;
  }
}

@media (min-width: 1024px) {
  section.availability-map {
    .iframe-container {
      height: 0;
      padding-bottom: 56.25%;
      padding-top: 25px;
    }
  }
}