@media(min-width:800px){.menu-grid{grid-template-columns:repeat(4,1fr)}}
.brand-mark.brand-mark-image,
.home-page .brand-mark.brand-mark-image,
.menu-page .brand-mark.brand-mark-image,
.hours-page .brand-mark.brand-mark-image,
.gallery-page .brand-mark.brand-mark-image{
  width:56px;
  height:56px;
  padding:0;
  border-radius:50%;
  overflow:hidden;
  background:#060606;
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
}

.brand-mark.brand-mark-image img,
.home-page .brand-mark.brand-mark-image img,
.menu-page .brand-mark.brand-mark-image img,
.hours-page .brand-mark.brand-mark-image img,
.gallery-page .brand-mark.brand-mark-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.brand-mark-footer.brand-mark-image,
.home-page .brand-mark-footer.brand-mark-image,
.menu-page .brand-mark-footer.brand-mark-image,
.hours-page .brand-mark-footer.brand-mark-image,
.gallery-page .brand-mark-footer.brand-mark-image{
  width:54px;
  height:54px;
  border-radius:50%;
  background:#060606;
  box-shadow:none;
}

@media(max-width:799px){
  .menu-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .brand-mark.brand-mark-image,
  .home-page .brand-mark.brand-mark-image,
  .menu-page .brand-mark.brand-mark-image,
  .hours-page .brand-mark.brand-mark-image,
  .gallery-page .brand-mark.brand-mark-image{
    width:50px;
    height:50px;
  }
}
@media(max-width:520px){
  .container{padding-left:1.5rem;padding-right:1.5rem}
  .header-inner{padding-left:1.5rem;padding-right:1.5rem}
  .hero-media img{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
}
@supports(padding:max(0px)){
  body{
    padding-left:max(0px, env(safe-area-inset-left));
    padding-right:max(0px, env(safe-area-inset-right));
  }
  .header-inner{
    padding-left:max(1.5rem, env(safe-area-inset-left));
    padding-right:max(1.5rem, env(safe-area-inset-right));
  }
}