/* Mobile masthead scrolls normally; existing layout and colors stay intact. */
@media (max-width: 760px) {
  /* A hidden horizontal overflow on body can prevent sticky from following
     the viewport in mobile browsers. clip keeps the same visual crop. */
  html body {
    overflow-x: clip !important;
  }

  .page > .inner > header {
    background: #fff !important;
  }
}

@media (max-width:760px),(max-width:1024px) and (hover:none) and (pointer:coarse){
  html body .page > .inner > header,
  html body.cd-mobile-home-theme .page > .inner > header {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }
}