/* responsive.css - small viewport adjustments */
@media (max-width: 767.98px) {
  .display-5 {
    font-size: 1.6rem;
  }
  nav .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Hero adjustments */
@media (max-width: 991.98px) {
  .hero { min-height: 360px; }
  .hero .display-4 { font-size: 2rem; }
  .hero .lead { font-size: 1rem; }
  .main-nav { display: none; }
}

@media (max-width: 575.98px) {
  .image-grid img { max-height: 120px; }
}