footer {
  padding: 2rem;
  background-color: var(--overlay-background-color);
  font-size: var(--body-font-size-s);
}

footer .footer {
  max-width: 1200px;
  margin: auto;
}

footer .footer p {
  margin: 0;
}

footer h5 {
  margin: 0;
}

/* Scoped columns styling specifically for footer */
footer .columns > div {
  display: flex;
  flex-direction: column;
}

footer .columns img {
  width: 100%;
}

footer .columns > div > div {
  order: 1;
}

footer .columns > div > .columns-img-col {
  order: 0;
}

footer .columns > div > .columns-img-col img {
  display: block;
}

@media (min-width: 900px) {
  footer .columns > div {
    align-items: flex-start;
    flex-direction: unset;
    gap: 32px;
  }

  footer .columns > div > div {
    flex: 1;
    order: unset;
  }
}