.msc-brand-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

html,
body {
  max-width: 100% !important;
  overflow-x: clip !important;
}

@supports not (overflow-x: clip) {
  html,
  body {
    overflow-x: hidden !important;
  }
}

ss3-force-full-width,
.n2-section-smartslider,
.n2-ss-slider {
  max-width: 100vw !important;
}

.msc-brand-logo-img {
  display: block !important;
  width: clamp(160px, 18vw, 230px) !important;
  max-width: min(100%, 230px) !important;
  height: auto !important;
  object-fit: contain !important;
}

header .msc-brand-logo-img {
  width: clamp(166px, 17vw, 226px) !important;
}

footer .msc-brand-logo-img,
.wp-block-template-part .msc-brand-logo-img {
  width: clamp(145px, 15vw, 205px) !important;
}

.site-logo-title .msc-brand-logo-img,
header .site-logo-title .msc-brand-logo-img {
  width: clamp(150px, 42vw, 188px) !important;
}

.msc-official-logo-active header .wp-block-site-title,
.msc-official-logo-active footer .wp-block-site-title,
.msc-official-logo-active .site-logo-title .site-title {
  display: none !important;
}

@media (max-width: 720px) {
  .msc-brand-logo-img,
  header .msc-brand-logo-img {
    width: clamp(142px, 44vw, 190px) !important;
    max-width: 190px !important;
  }
}

@media (max-width: 420px) {
  .msc-brand-logo-img,
  header .msc-brand-logo-img {
    width: clamp(132px, 48vw, 176px) !important;
    max-width: 176px !important;
  }
}