section.logos.bg-dark {
  background-color: var(--primary);
}
section.logos.bg-dark h2 {
  color: var(--secondary);
}
section.logos.bg-white {
  background-color: var(--secondary);
}
section.logos h2 {
  text-align: center;
}
section.logos .logos-grid .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.logos .logos-grid .item .logo-wrap {
  width: 100%;
  height: 100%;
}
@container main (min-width: 48rem) {
  section.logos .logos-grid .item .logo-wrap {
    max-height: 2.5rem;
    max-width: 9.6875rem;
  }
}
@container main (max-width: 47.9375rem) {
  section.logos .logos-grid .item .logo-wrap {
    max-height: 1.5625rem;
    max-width: 6.25rem;
  }
}
section.logos .logos-grid .item .logo-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}