/* Keep the original SVG artwork and align its image box to the SVG ratio.
   The former 205x32 mobile box painted only ~155px of the wordmark. */
@media (max-width: 700px) {
  #app > .site-header > a.brand,
  #root .experience-shell > .experience-header.home-header > a.brand {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 205px !important;
    width: 205px !important;
    height: 42px !important;
    min-width: 0 !important;
    max-width: 205px !important;
  }

  #app > .site-header > a.brand > img,
  #root .experience-shell > .experience-header.home-header > a.brand > img.system-brand-reference {
    display: block !important;
    width: 205px !important;
    height: 42px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    content: url('/assets/dropshippingleads-logo.svg') !important;
  }

  /* DropScale's policy header overlays main; give the breadcrumb the same
     starting position as the LeadScale policy page. */
  #root .experience-shell.mode-system.policy-view > main#main {
    padding-top: 64px;
  }
}