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

    p, a {
        color: var(--clr-light-paragraph);
        font-size: 14px;
    }

    .top .item {
        --qtd-items: 4;

        display: flex;
        flex-direction: column;
        gap: .5rem;
        width: calc((100% - (3rem * (var(--qtd-items) - 1))) / var(--qtd-items));

        .company {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            padding-bottom: 1.2rem;
        }

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

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

    .infos {
        border-top: 1px solid rgba(255, 255, 255, .4);
        padding-top: 1rem;

        .warning { font-size: 12px; }

        p, a {
            font-size: 13px;
        }
    }
}

@media (max-width: 1200px) {
    #footer .content .top .item { --qtd-items: 2; }
}

@media (max-width: 1024px) {
    #footer .content {
        .top {
            align-items: center;
            gap: 2rem;

            .item {
                --qtd-items: 1;

                align-items: center;

                p, a, .h4 { text-align: center; }
                a { display: block; }
            }
        }

        .infos {
            &, .legal { align-items: center; }

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

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