@media (max-width:768px){
  header img{max-width:200px}
  .header-images .side-image{display:none}
  .header-images .main-logo{max-width:250px}
  .swag-announcement{padding:1rem;margin:1rem}
  .swag-announcement h3{font-size:1.2rem}
  .swag-button{padding:.6rem 1.5rem;font-size:1rem}
  .accolades{font-size:.9rem;padding:.5rem}
  .nav-menu{display:none;flex-direction:column;align-items:center;background:#000;position:absolute;top:100%;left:0;width:100%;padding:1rem 0;z-index:9}
  .nav-menu.active{display:flex}
  nav ul{flex-direction:column;gap:0;width:100%}
  nav li{width:100%}
  nav a{font-size:1rem;width:100%}
  .dropdown-content{position:static;display:none;box-shadow:none;border:none;background:rgba(255,255,255,.05);margin-left:1rem}
  .dropdown.active .dropdown-content{display:block}
  .submenu-content{position:static;display:none!important;box-shadow:none;border:none;background:rgba(255,255,255,.08);margin-left:2rem;padding-left:0}
  .submenu-content::before{display:none}
  .submenu.active>.submenu-content{display:block!important}
  .submenu:hover>.submenu-content{display:none!important}
  .submenu.active:hover>.submenu-content{display:block!important}
  .submenu>.submenu-link::after{content:' ▾'}
  .gallery-container img{max-width:200px;height:150px}
  #calendar table{font-size:.9rem}
  #calendar th,#calendar td{padding:.75rem}
  #events .event-card{padding:1rem}
  h2{font-size:1.4rem}
}
@media (max-width:480px){
  header img{max-width:250px}
  .accolades{font-size:.8rem;line-height:1.5}
  .gallery-container img{max-width:250px;height:100px}
  #calendar{overflow-x:auto}
  #calendar table{min-width:400px}
  #events .event-card{padding:.75rem}
}