.footer__logos {
  margin: 0 auto;
  max-width: var(--content-max-width);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--block-gap);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .footer__logos {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__logos img {
  height: 200px;
  width: auto;
}
.footer__content {
  margin: 0 auto;
  max-width: var(--content-max-width);
  width: 100%;
  box-sizing: border-box;
  padding: var(--block-gap);
  text-align: center;
}
.footer__content-wrapper {
  background: var(--color-footer-bg);
}