@media (max-width: 992px) {
    h1 {
        font-size: 1.5rem;
    }

    div#header > div.content {
        flex-direction: row-reverse;
        min-width: 330px;
    }

    div#header > div.content > div.left {
        display: none;
    }

    div#header > div.content > div.right {
        flex-direction: row-reverse;
        padding: 0 2rem;
    }

    div#header > div.content > div.right div.logo {
        background-position: left center;
    }

    div#body > div.content {
        flex-direction: column-reverse;
    }

    div#footer > div.content {
        flex-direction: column-reverse;
        padding: 35px 2rem 0 2rem;
    }

    div#footer > div.content div.logo {
        background-position: left center;
        margin-bottom: 10px;
    }

    div.locale ul {
        right: -1px;
        left: auto;
    }
}