/* assets/css/responsive.css — breakpoint refinements layered on style.css */

@media (max-width: 991px) {
  .main-nav { padding: 12px 0; }
  .main-nav .dropdown-menu { box-shadow: none; padding-left: 12px; }
  .site-header .logo-img { height: 42px; }
}

@media (max-width: 767px) {
  .section { padding: 40px 0; }
  .quick-facts-bar { gap: 12px; padding: 14px 16px; }
  .quick-facts-bar .fact { min-width: 45%; }
}

@media (max-width: 575px) {
  h1 { font-size: 1.7rem; }
  .btn-cta-primary, .btn-cta-secondary { width: 100%; justify-content: center; }
}