.ql-public-header-logo,
html[data-ql-public-logo] header img[src$="logo-wordmark.png"],
html[data-ql-public-logo] header img[src$="logo-wordmark-dark.png"],
html[data-ql-public-logo] header img[src$="logo-light.png"] {
  display: block;
  width: auto !important;
  height: 44.175px !important;
  max-width: none;
}

@media (max-width: 860px) {
  .ql-public-header-logo,
  html[data-ql-public-logo] header img[src$="logo-wordmark.png"],
  html[data-ql-public-logo] header img[src$="logo-wordmark-dark.png"],
  html[data-ql-public-logo] header img[src$="logo-light.png"] {
    height: 36.1px !important;
  }
}

@media (max-width: 640px) {
  .ql-public-header-logo,
  html[data-ql-public-logo] header img[src$="logo-wordmark.png"],
  html[data-ql-public-logo] header img[src$="logo-wordmark-dark.png"],
  html[data-ql-public-logo] header img[src$="logo-light.png"] {
    height: 27.075px !important;
  }

  .ql-public-header-logo {
    height: 34.249875px !important;
  }
}