.footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6rem;
    background: #f8f8f8;
}

    .footer::before {
        content: unset;
    }

    .footer__logo img{
        max-height: 50px;
        margin: 0 0 2rem;
    }

.footer__p {
    margin: 0 0 1.2rem;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
}

.footer__p-lighter {
    font-size: 1.2rem;
    color: #808080;
}

@media screen and (min-width: 62.0625em) {
    .footer {
        padding: 6.6rem 6.4rem 5.6rem;
    }

        .footer .legals {
            justify-content: start;
            margin-bottom: 0;
        }

            .footer .legals > a:first-child {
                margin-right: 3.2rem;
            }

        .footer .copyright {
            justify-content: flex-end;
        }
}