.footer-container {
	display: grid;
	grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,19.875rem))[main-end]minmax(0,1fr)[full-end];
	gap: 1em;
}
.footer-container > div {
	grid-column: 2/-2;
}

.footer-top-container {
  display: grid;
  gap: 1em;
}

@media (min-width:768px) {
  .footer-top-container {
    grid-template-columns: repeat(3,1fr);
  }
}