@media (max-width: 960px) {
  .site-header .container {
    padding: 0 !important;
    justify-content: space-between !important;
  }

  .site-header .school-logo-text.float-left {
    margin-left: 15px !important;
  }

  .site-header .school-logo-text.float-right {
    display: none !important;
  }

  .site-header__menu-trigger {
    display: block !important;
    margin-right: 15px !important;
    z-index: 10 !important;
  }

  .site-header__menu {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 300px !important;
    background: #C19F54 !important;
    padding: 80px 20px 20px !important;
    z-index: 5 !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease-out !important;
    overflow-y: 0.8 !important;
  }

  .site-header__menu.is-visible {
    display: block !important;
    transform: translateX(0) !important;
  }

  .site-header .main-navigation ul {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .site-header .main-navigation li {
    width: 100% !important;
  }

  .site-header .main-navigation a {
    font-size: 18px !important;
    padding: 10px 0 !important;
  }
}