footer {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}

footer img {
  width: fit-content;
}

.footer-links {
  display: flex;
  justify-content: space-between;
}

.contact-info {
  display: flex;
  flex-direction: column;
}

footer .nav-bar {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.secondary-nav-bar {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 900px) {
  footer {
    row-gap: 48px;
  }

  .footer-links {
    flex-direction: column;
    row-gap: 32px;
  }

  .contact-info {
    order: 2;
  }

  .secondary-nav-bar-container {
    order: 3;
  }
}