/* Footer Styles */

footer {
  display: flex;
  flex-direction: row;
  background-color: black;
}

.footer-content {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  flex: 1 1 auto;
  place-items: center;
  margin-inline: auto;
  max-width: var(--max-width-container);
}

.footer-logo {
  display: block;
  max-width: 100%;
  object-fit: contain;
}

.footer-socials {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-standard);
}