/* .menu-img */
.MenuHeader {
  height: 40vh;
  min-height: 300px;
  width: 100%;
  margin-top: -56px;
}
.MenuHeader img {
  height: 40vh;
  min-height: 300px;
  min-width: 100vw;
  width: 100%;
  object-fit: cover;
  /* iOS Safari redraws an <img> without object-fit while it lifts it for the
     long-press preview, so the hero visibly distorts for a frame before the
     Share sheet opens. Nothing listens for that, so the fix is to keep Safari
     from seeing a long-pressable image. Same rule as .MenuItem .menu-image img.
     The only handlers on this element are load/error (the brand-image
     fallback in updateMenuPageImage), which pointer-events does not touch. */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.MenuHeader h2 {
  position: relative;
  top: -165px;
  margin-bottom: -105px;
  text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
/* .MenuHeader img {
  width: 100%;
  object-fit: cover;
  /* margin-top: -56px; */
  min-width: 100vw;
} */
@media (min-width: 992px){
  .MenuNavbarWrapper {
    margin-top: -56px
  }
}