@media all {
  .footer__logos.brands {
    background-color: #F5F7FA;
  }
  .footer__logos.brands .title {
    color: #26325A;
  }
  .footer__logos.groups {
    background-color: #26325A;
  }
  .footer__logos.groups .title {
    color: white;
  }
  .footer__logos .title {
    margin-bottom: 1.25em;
  }
  .footer__logos .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer__logos .logo {
    position: relative;
  }
  .footer__logos .logo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (min-width: 850px) {
  .footer__logos .logos {
    margin-top: -2em;
  }
  .footer__logos .logo {
    flex-basis: 15%;
    margin-top: 2em;
  }
}
@media (min-width: 1400px) {
  .footer__logos .title {
    font-size: 35px;
  }
  .footer__logos .logo {
    height: 90px;
  }
}
@media (min-width: 850px) and (max-width: 1399px) {
  .footer__logos .title {
    font-size: 26px;
  }
  .footer__logos .logo {
    height: 45px;
  }
}
@media (max-width: 849px) {
  .footer__logos .title {
    font-size: 14px;
  }
  .footer__logos .logos {
    margin-top: -20px;
  }
  .footer__logos .logo {
    height: 40px;
    flex-basis: 33%;
    margin-top: 20px;
  }
}