@media (max-width: 768px) {
  body { overflow-x: hidden; }
  header { padding: 12px 16px; }
  header .brand img { max-width: 110px; max-height: 68px; }
  .hamb { display: grid; place-items: center; }
  .pad { padding: 58px 18px; }
  .hero { min-height: 68vh; background-position: center top; }
  .heroText { left: 18px; right: 18px; bottom: 48px; }
  .heroText span { font-size: 1.25rem; }
  .heroText b { font-size: clamp(2.1rem, 11vw, 3.3rem); line-height: 1; }
  .quick, .levels, .levels.five, .activityGrid, .teamGrid, .contactGrid {
    grid-template-columns: 1fr;
  }
  .quick { padding: 18px; gap: 14px; }
  .quick a { min-height: 108px; padding: 20px; }
  .about .copy, .title { max-width: 100%; }
  .gallery { grid-template-columns: 1fr; }
  .gallery article { min-height: 300px; }
  .futsalFeature { min-height: 520px; padding: 52px 20px; background-position: 62% center; }
  .teamGrid { gap: 20px; }
  .teamCard { width: 100%; max-width: 390px; margin: 0 auto; }
  .teamPhoto { height: 330px; }
  .newsTeaser { grid-template-columns: 1fr; gap: 28px; }
  .newsTiles { grid-template-columns: 1fr; }
  .schoolAddress { align-items: flex-start; padding: 20px; }
  footer { text-align: center; }
  footer nav { justify-content: center; flex-wrap: wrap; }
  .instagramFloat { left: 12px; bottom: 14px; max-width: calc(100vw - 92px); }
  .instagramFloat span { overflow: hidden; text-overflow: ellipsis; }
  .wa { right: 14px; bottom: 14px; }
  .wa span { display: none; }
  .float { right: 14px; bottom: 78px; }
}

@media (max-width: 380px) {
  .instagramFloat { padding: 11px 12px; font-size: .62rem; }
  .teamPhoto { height: 290px; }
}