@media (min-width: 1024px) {
  h1,
  .brand,
  .logo,
  [class*="brand" i],
  [class*="logo" i] {
    transform: translateY(18.24px) !important;
    align-items: center !important;
  }

  h1::before,
  .brand::before,
  .logo::before,
  [class*="brand" i]::before,
  [class*="logo" i]::before {
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    margin-right: 12px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    mix-blend-mode: normal !important;
  }
}