.brand img {
  display: block;
  width: 100%;
  max-width: 350px;
  height: auto;
  object-fit: contain;
}

.nav > .brand img {
  width: clamp(220px, 24vw, 257px);
  max-width: 100%;
  height: auto;
}

.footer-brand {
  transform: none;
}

.footer-brand img {
  width: 100%;
  max-width: 260px;
  height: auto;
}

@media (max-width: 600px) {
  .brand img {
    width: 100%;
    max-width: 220px;
    height: auto;
  }
}