.brands h6 {
  color: #898686;
}

.brands__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.brands__item {
  background: #fbf8f8;
  margin: 0 5px 10px;
}

.brands__item a {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
}

.brands__item a > img,
.brands__item a > picture {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 80%;
  max-width: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1;
  transition: opacity .3s ease;
  width: 100%;
}

.brands__item a > img img,
.brands__item a > picture img {
  width: 235px;
  height: 136px;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.brands .btn {
  display: block;
  margin: 0 auto;
}

.brands {
  margin: 96px auto 97px;
}

.brands h6 {
  margin: 0 0 6px;
}

.brands h2 {
  margin: 0 0 29px;
}

.brands__items {
  margin: 0 -5px 38px;
}

.brands__item {
  display: -ms-flexbox;
  display: flex;
  width: calc(20% - 10px);
  margin: 0 5px 10px;
}

.brands__item a:hover > img,
.brands__item a:hover > picture {
  opacity: .2;
}

.brands .btn {
  max-width: 208px;
}