/* The live Spurzee logo on the site's pages. The pages still carry rules written for the old logo
   image (fixed sizes, negative margins); these win over them so the new mark sits right everywhere. */
img.sz-logo{display:block;width:auto!important;max-width:none!important;margin:0!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}   /* lifts the graphite capsules off mid-tone headers */

/* site headers */
.logo img.sz-logo,.header-logo img.sz-logo{height:56px!important}
/* the main pages' header was laid out around the old 120px image: keep that box so nothing moves */
.main-header .logo{flex-shrink:0;margin-right:12px}
.main-header .logo img.sz-logo{margin:32px 0!important}
/* on phones the name was pulled left over the old image's empty edges */
.main-header .logo + .company-name{margin-left:0!important}
.logo img.sz-logo.sz-inline{display:inline-block;height:38px!important;vertical-align:middle;margin-right:10px!important}

/* footers: the mark, then the name */
.footer h3.sz-foot{display:flex;align-items:center;gap:14px}
.footer h3.sz-foot img.sz-logo{height:52px!important}