.brand-special-logo {
  margin-left: auto;
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 89px;
  top: 24px;
  max-width: 140px;
}

@media (max-width: 539px) {
  .brand .brand-link {
    width: 50px !important;
    overflow: hidden;
  }

  .brand .brand-link img {
    max-width: none;
    width: 231px;
  }
}

@media (min-width: 720px) and (max-width: 1100px) {
  .brand-special-logo {
    left: 101px !important;
  }

  .brand .brand-link {
    width: 50px !important;
    overflow: hidden;
  }

  .brand .brand-link img {
    max-width: none;
    width: 274px;
  }
}

@media (min-width: 992px)  and (max-width: 1100px) {
  .brand-special-logo {
    left: 115px !important;
  }
}

@media (max-width: 1020px) {
  .brand .brand-link {
    width: 231px;
  }
}

.brand-special-logo .is-light {
  display: none;
}

.text-light .brand-special-logo .is-light {
  display: block;
}

.text-light .brand-special-logo .is-dark {
  display: none;
}

@media (min-width: 540px) {
  .brand-special-logo {
    left: 250px;
    top: 24px;
    max-width: 140px;
  }
}

@media (min-width: 720px) {
  .brand-special-logo {
    top: 20px;
  }
}

@media (min-width: 992px) {
  .brand-special-logo {
    top: 42px;
  }
}

@media (min-width: 1100px) {
  .brand-wrapper {
    position: relative;
  }

  .brand-special-logo {
    position: absolute;
    top: 0;
    right: auto;
    left: 260px;
    max-width: 140px;
    margin-top: -16px;
  }
}

@media (min-width: 1280px) {
  .brand-special-logo {
    position: absolute;
    top: 0;
    left: calc(19vw + 40px);
    max-width: 160px;
    margin-top: 0;
  }
}

@media (min-width: 1520px) {
  .brand-special-logo {
    position: absolute;
    top: 0;
    left: 351px;
    max-width: 180px;
  }
}