@media (min-width: 701px) {
  html:root {
    --c1: #07599f;
    --c2: #0789cc;
    --c3: #eaf5fb;
    --c4: #102b43;
  }

  .garment-header {
    border-bottom: 1px solid rgb(255 255 255 / 14%);
  }

  .garment-header.is-scrolled {
    border-bottom-color: rgb(7 89 159 / 12%);
    box-shadow: 0 10px 34px rgb(4 29 51 / 8%);
  }

  .garment-logo {
    width: 236px;
    height: 66px;
    flex: 0 0 236px;
  }

  .garment-logo img,
  .footer-l .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
  }

  .garment-nav > a::after {
    background: #0796d9;
  }

  .garment-header.is-scrolled .garment-nav > a.current,
  .garment-header.is-scrolled .garment-nav > a:hover {
    color: #07599f;
  }

  .dibu {
    background-image:
      linear-gradient(100deg, rgb(2 17 31 / 96%), rgb(3 29 52 / 86%) 52%, rgb(2 16 29 / 93%)),
      url('../img/home-redesign/footer-fishing-gear.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .dibu .footer-l .logo {
    width: 252px;
    height: 84px;
  }

  .dibu .footer-l .logo img {
    object-fit: contain !important;
  }

  .dibu a:hover {
    color: #27b2ed;
  }

  .dibu .parallax use:nth-child(1) {
    fill: rgb(7 89 159 / 82%);
  }

  .dibu .parallax use:nth-child(2) {
    fill: rgb(7 137 204 / 72%);
  }
}