/* Mobile header fix: the text logo was sitting on top of the stained-glass
   banner (bg-glass.png). That banner is #g-navigation's background, pinned
   top-left at background-size:30% of the header width, and the off-canvas
   menu toggle sits over it too. override.css centres the logo
   (#g-navigation .g-logo { max-width:70%; margin:2rem auto }) so from ~320px
   up its left edge falls inside the banner.

   Below the desktop breakpoint (50.99rem, same one override.css uses) the logo
   is capped at 62% and right-aligned, which leaves ~14px clear of the banner
   at 390px and ~8px at 320px. Desktop header is untouched. */

@media only screen and (max-width: 50.99rem) {
  body.site-1 #g-navigation .g-logo {
    max-width: 62%;
    margin-left: auto;
    margin-right: 1rem;
  }
}