/* Small screens - 768px and below */
@media (max-width: 768px) {
  .hero {
    padding: 10px;
    padding-top: 150px;
    padding-bottom: 50px;
  }

  /* .hero .heading {
    font-size: clamp(2.5rem, 12vw, 6rem) !important;
    line-height: 1.2em;
  } */

  .map-container {
    margin-top: -30px;
  }

  /* Responsive section titles - more specific selectors */
  h2.section-title-responsive.letter-spacing-large {
    /* font-size: 2.5rem !important; */
    letter-spacing: 0.2em !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  h2.corner-title-responsive.letter-spacing-large {
    /* font-size: 2.5rem !important; */
    letter-spacing: 0.2em !important;
    line-height: 1.1 !important;
  }

  /* General letter-spacing-large for other elements */
  h2.letter-spacing-large:not(.section-title-responsive):not(
      .corner-title-responsive
    ) {
    font-size: 60px;
    letter-spacing: 0.3em;
  }

  /* Force single column layout by overriding Bootstrap col-sm-* classes */
  .feature-grid-3-column-section .col-sm-6,
  .feature-grid-4-column-section .col-md-6,
  .feature-grid-5-column-section .col-sm-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .mt-darker-bg {
    margin-top: 0.5rem;
}

  .video-container {
    margin-bottom: 1rem;
  }

}