.header-inner > .brand .brand-mark,
.site-header .brand-mark {
  color: transparent !important;
  background:
    url("/assets/brand/clutchhub-logo-mark-v1.png")
    center / contain no-repeat !important;
  border: 0 !important;
  clip-path: none !important;
  filter: drop-shadow(0 7px 10px rgba(240,68,11,.22)) !important;
}

.header-inner > .brand .brand-mark > span,
.site-header .brand-mark > span {
  opacity: 0 !important;
}

@media (min-width: 1024px) {
  .header-inner > .brand .brand-mark {
    width: 62px !important;
    height: 66px !important;
    flex: 0 0 62px !important;
  }
}

@media (max-width: 1023px) {
  .site-header .brand-mark {
    width: 45px !important;
    height: 48px !important;
    flex: 0 0 45px !important;
  }
}