.logo-wall {
  --rem-factor: 1;
  --columns: 2;
  --gap: calc(3rem * var(--rem-factor));
  --max-height: 12rem;
  margin: 1.5em 0;
}
@media screen and (min-width: 35.5em) {
  .logo-wall {
    --columns: 3;
  }
}
@media screen and (min-width: 48em) {
  .logo-wall {
    --columns: 4;
  }
}
@media screen and (min-width: 64em) {
  .logo-wall {
    --columns: 5;
  }
}
.logo-wall .logo-wall__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em 0.8em;
}
.logo-wall .logo-wall__logos .logo-wall__logo {
  flex: calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns));
  display: grid;
  place-items: center;
}
.logo-wall .logo-wall__logos .logo-wall__logo a {
  width: auto;
  height: 100%;
  padding: 0.4em 0.8em;
  display: grid;
  place-items: center;
  border-radius: calc(var(--border-radius) * var(--rem-factor));
  border: 1px solid transparent;
}
.logo-wall .logo-wall__logos .logo-wall__logo a::after {
  display: none;
}
.logo-wall .logo-wall__logos .logo-wall__logo a:hover,
.logo-wall .logo-wall__logos .logo-wall__logo a:focus,
.logo-wall .logo-wall__logos .logo-wall__logo a:active {
  border-color: rgba(24, 21, 18, 0.2);
}
.logo-wall .logo-wall__logos .logo-wall__logo img {
  display: block;
  max-width: calc(var(--max-height) * 4 / 3);
  max-height: calc(var(--max-height) * var(--rem-factor));
  width: auto;
  height: auto;
}

/*# sourceMappingURL=style.css.map */