@media(max-width:900px){
.menu-toggle{display:block}
.main-navigation{position:fixed;inset:0 0 0 auto;width:min(88vw,420px);background:var(--cream);color:var(--anthracite);padding:7rem 2rem 2rem;transform:translateX(100%);transition:transform var(--transition);box-shadow:-20px 0 50px rgba(0,0,0,.2)}
.main-navigation.is-open{transform:translateX(0)}
.main-menu{flex-direction:column;align-items:flex-start;font-size:1.35rem}
.hero{background-position:68% center}
.instagram-grid{grid-template-columns:repeat(2,1fr)}
.locations-grid,.contact-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.header-inner{min-height:74px}
.hero{text-align:center;background-position:72% center}
.hero-content{padding-top:100px}
.hero-buttons{flex-direction:column}
.btn{width:100%}
.instagram-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){.event-grid{grid-template-columns:1fr}}

@media(max-width:900px){
  .split-layout{grid-template-columns:1fr}
  .split-layout-reverse .split-media,.split-layout-reverse .split-copy{order:initial}
  .section-image,.image-placeholder{min-height:340px}
}

@media(max-width:760px){
  .teaser-grid{grid-template-columns:1fr}
  .teaser-card{min-height:unset}
}