.brand-footer-logo {
  display: block;
  width: clamp(80px, 20vw, 100px);
}

.brand-logo{
  display: block;
  width: clamp(20px, 6vw,60px);
  height: auto;
}


.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}

@media (min-width: 576px) {
  .sm\:sticky {
    position: sticky;
    top: 0;
    z-index: 10;
  }
}

@media (min-width: 768px) {
  .md\:sticky {
    position: sticky;
    top: 0;
    z-index: 10;
  }
}

@media (min-width: 992px) {
  .lg\:sticky {
    position: sticky;
    top: 0;
    z-index: 10;
  }
}

@media (min-width: 1200px) {
  .xl\:sticky {
    position: sticky;
    top: 0;
    z-index: 10;
  }
}