footer {
    background-color: var(--wp--preset--color--off-white);
}

footer div:first-child {
    flex-basis: 40%;
}

footer div:nth-child(2) {
    flex-basis: 40%;
}

.copyright {
    text-align: center;
    padding-top: 2em;
}

@media only screen and (max-width: 820px) {
    footer .content {
        flex-direction: column;
    }

    footer div:first-child {
        flex-basis: 100%;
    }
    
    footer div:nth-child(2) {
        flex-basis: 100%;
    }

    footer .extra {
        flex-direction: column;
    }
    
    
}