#footer .content {
    padding: 2rem 1rem 1rem;

    .infos {
        .contact a {
            display: flex;
            align-items: center;
            gap: .6rem;
            font-size: 15px;
            color: var(--white);
            font-family: var(--font-space-grotesk);

            svg {
                fill: var(--white);
            }
        }

        .social-media a svg {
            width: 24px;
            height: 24px;
            fill: var(--white);
        }
    }
}

@media (max-width: 768px) {
    #footer .content {
        align-items: center;

        .infos {
            flex-direction: column-reverse;
            align-items: center;
            gap: 1.5rem;

            .contact { align-items: center; }
        }

        .legal {
            flex-direction: column-reverse;
            gap: 1.5rem;

            .part {
                width: 100%;
                justify-content: center;
                text-align: center;

                p, a {
                    text-align: center;
                }
            }
        }
    }
}