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

    .infos .column {
        display: flex;
        flex-direction: column;
        gap: .6rem;
        width: calc((100% - (3rem * 3)) / 4);

        p, a {color: var(--clr-light-paragraph);}

        .desc {font-size: 13px;}
        a {
            font-size: 14px;
            display: block;
        }

        .social-media {
            padding-top: .5rem;

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

        .h4 {
            font-size: 17px;
            color: var(--white);
        }

        ul {
            display: flex;
            flex-direction: column;
            gap: .2rem;
        }
    }

    .company {
        padding-top: 1rem;
        border-top: 1px solid rgba(255, 255, 255, .5);
    }
}

@media (max-width: 768px) {
    #footer .content .infos {
        flex-direction: column;
        gap: 2rem;

        .column {
            width: 100%;
            align-items: center;
            gap: .4rem;

            .desc {text-align: center;}

            .h4 {font-size: 16px;}

            ul {
                align-items: center;
            }
        }
    }
}