/* VelaKiss v1.1.25 — complete responsive brand logo */
.site-brand.site-brand-logo {
  overflow: visible;
}

.site-brand.site-brand-logo img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

.site-footer .site-brand.site-brand-logo {
  width: min(360px, 100%);
}

.site-footer .site-brand.site-brand-logo img {
  width: 100%;
  height: auto;
  max-width: 360px;
}

@media (max-width: 800px) {
  .site-header > .site-brand.site-brand-logo {
    width: min(54vw, 230px);
  }

  .site-header > .site-brand.site-brand-logo img {
    width: 100%;
    height: auto;
    max-height: 90%;
  }

  .site-footer .site-brand.site-brand-logo {
    width: min(76vw, 300px);
  }
}

@media (max-width: 380px) {
  .site-header > .site-brand.site-brand-logo {
    width: min(50vw, 190px);
  }
}