.legal {
    flex-direction: row;
}

.legal > div:first-child {
    width: 40%;
}

.legal > div:last-child {
    width: 60%;
}

@media screen and (max-width: 700px) {
    .legal {
        flex-direction: column-reverse;
    }
    .legal > div:first-child {
        width: 100%;
    }
    
    .legal > div:last-child {
        width: 100%;
    }
}