.logos-box {
  margin: 3em 0;
}
.logos-box__wrap {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 1.25rem;
  margin: auto;
  padding: 2rem 2.625rem;
  max-width: 42.875rem;
}
.logos-box--color_black .logos-box__wrap {
  background-color: #000000;
  color: #FFFFFF;
}
.logos-box--color_white .logos-box__wrap {
  background-color: #FFFFFF;
}
.logos-box--color_grey .logos-box__wrap {
  background-color: #F8F8F8;
}
.logos-box__items {
  display: flex;
  flex-flow: row wrap;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: -1.25rem;
}
.logos-box__item {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 2.5rem);
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-top: 1.25rem;
}
.logos-box__logo {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.logos-box__logo img,
.logos-box__logo picture {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
}
@media print, screen and (max-width: 767px) {
  .logos-box__item {
    flex: 0 0 auto;
    width: calc(50% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}