/* mobile-first adjustments */
@media (max-width:1024px){
  .cols{grid-template-columns:1fr 1fr}
  .layout{grid-template-columns:1fr}
  .namelist{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hero{grid-template-columns:1fr}
  .cols,.cols-2,.namelist{grid-template-columns:1fr}
  .nav-toggle{display:block}
  #main-nav{display:none}
  #main-nav.open{display:block}
  #main-nav ul{flex-direction:column}
  #main-nav a{border-bottom:1px solid rgba(255,255,255,.2)}
  h1{font-size:1.6rem}
  .page-banner img{max-height:200px}
  .topbar .wrap{flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px 20px}
}
@media (max-width:360px){
  .logo img{max-width:88vw}
  .btn-donate{padding:7px 14px;font-size:.75rem}
}