@media (min-width: 701px) {
  .garment-header-inner {
    grid-template-columns: 350px minmax(0, 1fr) auto;
  }

  .garment-logo {
    display: flex;
    width: 330px;
    height: 90px;
    align-items: center;
    align-self: center;
  }

  .garment-logo img {
    top: 50%;
    bottom: auto;
    object-position: left center;
    transform: translateY(-50%);
  }

  html.rensino-home-page .garment-header-inner {
    grid-template-columns: 350px minmax(0, 1fr) auto;
  }

  html.rensino-home-page .garment-logo {
    width: 330px;
    height: 90px;
  }

  .page-hero {
    background-color: #080808;
  }

  .page-hero-overlay {
    background:
      linear-gradient(92deg, rgba(5, 5, 5, 0.94) 0%, rgba(7, 7, 7, 0.72) 31%, rgba(7, 7, 7, 0.2) 62%, rgba(7, 7, 7, 0.36) 100%),
      linear-gradient(to top, rgba(0, 0, 0, 0.34), transparent 60%);
  }

  .dibu,
  html.rensino-home-page .dibu {
    position: relative;
    background-color: #080808 !important;
    background-image: url('../img/rensino-home/footer-craft.webp') !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-blend-mode: normal;
  }

  .dibu::before,
  html.rensino-home-page .dibu::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(3, 3, 3, 0.42);
    content: '';
    pointer-events: none;
  }

  .dibu::after {
    display: none;
  }

  .dibu > * {
    position: relative;
    z-index: 1;
  }

  .footer-l .logo {
    width: 270px;
    max-width: 100%;
  }

  .footer-l .logo img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (min-width: 701px) and (max-width: 1280px) {
  html.rensino-home-page .garment-header-inner {
    grid-template-columns: 286px minmax(0, 1fr) auto;
  }

  html.rensino-home-page .garment-logo {
    width: 270px;
    height: 78px;
  }
}