body {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

main {
    flex-grow: 1;
}

.section {
    width: 100%;
    padding: 6rem 0;
}

.container {
    max-width: 156rem;
    width: 100%;
    padding: 0 6rem;
    margin: 0 auto;
}

.footer-social a {
  color: var(--text-light, #fff);
  opacity: 0.85;
  font-weight: 600;
  transition: color 0.2s, opacity 0.2s;
}
.footer-social a:hover {
  color: var(--primary-light, #0d6efd);
  opacity: 1;
  text-decoration: underline;
}