/* Frame the approved image without altering its pixels or proportions. */
.brand-logo {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1621 / 489;
  overflow: hidden;
  flex: none;
}

.brand .brand-logo {
  width: 165px;
  margin: 0;
}

.brand .brand-logo > img,
.footer-brand .brand-logo > img {
  position: absolute;
  display: block;
  width: calc(1891 / 1621 * 100%);
  max-width: none;
  height: auto;
  left: calc(-157 / 1621 * 100%);
  top: calc(-176 / 489 * 100%);
}

@media (max-width: 1230px) {
  .brand .brand-logo { width: 146px; }
}

@media (max-width: 1080px) {
  .brand .brand-logo { width: 157px; }
}

@media (max-width: 460px) {
  .brand .brand-logo { width: 122px; }
}

@media (max-width: 360px) {
  .brand .brand-logo { width: 100px; }
}