/* /rebuild/assets/css/responsive.css */

@media (max-width: 991.98px) {
  .header-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .header-right {
    text-align: center;
    font-size: .85rem;
    width:100%;
  }

  .hero-inner {
    justify-content: center;
  }

  .triptych-inner {
    grid-template-columns: 1fr;
  }

  .footer-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-hours {
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .intro-title {
    font-size: 1.9rem;
  }

  .brand-strip-inner {
    gap: 1.25rem;
  }
  
  .h2, h2, .h3, h3 {
    font-size: calc(1.7rem + .9vw);
}

  section {
    padding-inline: 1rem;
  }
}