@media only screen and (min-width: 768px) {
    .container-fluid {
        padding: 1rem 2rem;
    }
    html[lang=es] #outer-grid-slogan,
    html[lang=fr] #outer-grid-slogan {
        padding-top: 3.5rem;
    }
    html[lang=es] #slogan,
    html[lang=fr] #slogan {
        font-size: 4.4rem;
    }
    #outer-grid-container {
        grid-template-columns: 1.75fr 0.25fr 0.75fr 2fr 3rem;
        grid-template-rows: 6.5rem 6.5rem 25.3rem 1fr;
    }
    #outer-grid-logo {
        grid-area: 1 / 1 / 3 / 2;
        padding: 2.5rem 2.5rem 0 2.5rem;
    }
    #outer-grid-messages {
        grid-area: 1 / 2 / 2 / 5;
        z-index: -1;
        padding: 2rem 0;
    }
    #outer-grid-slogan {
        grid-area: 2 / 3 / 4 / 5;
        /* z-index: 30; */
        padding: 3.5rem 0 0 3rem;
    }
    #slogan {
        font-size: 3.5rem;
        margin-right: -1px;
    }
    #outer-grid-top-menu {
        grid-area: 1 / 3 / 2 / 5;
        justify-self: end;
        align-self: end;
        margin-right: -1.5rem;
    }
    #outer-grid-main-menu {
        grid-area: 3 / 1 / 4 / 5;
    }
    #outer-grid-legals-menu {
        grid-area: 4 / 1 / 5 / 3;
    }
    html[lang=fr] #outer-grid-legals-menu .nav-link,
    html[lang=se] #outer-grid-legals-menu .nav-link {
        font-size: 0.9em;
    }
    #outer-grid-contact-button {
        grid-area: 2 / 2 / 3 / 3;
    }
    #outer-grid-contact {
        grid-area: 3 / 2 / 5 / 5;
    }
    #outer-grid-contact-button>div {
        margin-top: 2.5rem;
        margin-right: -1.5rem;
    }
    #outer-grid-translation {
        grid-area: 2 / 3 / 5 / 6;
        padding-top: 6.5rem;
        margin-right: 3rem;
    }
    #outer-grid-translation-menu {
        grid-area: 2 / 4 / 5 / 6;
        height: 100%;
        scrollbar-color: #f3752b #e3651b;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 0;
    }
    #translation {
        width: 100%;
        margin-left: 100%;
        padding-top: 8rem;
        height: 100%;
        position: relative;
        z-index: 20;
        /*    opacity: 0.95; */
        transition: ease 1s;
    }
    #translation .container-fluid {
        padding: 1rem 1rem 1rem 3rem;
    }
    #translation-close {
        margin: 0 0 0 calc(3rem - 16px);
    }
    #translation-menu {
        padding-top: 0.5rem;
        margin-right: -100%;
        float: right;
        transition: ease-out 1s;
    }
    #translation-menu.active {
        margin-right: 0;
    }
    button.translation-menu {
        margin-bottom: 0;
        height: 6.5rem;
    }
    #outer-grid-home {
        grid-area: 3 / 1 / 4 / 5;
    }
    .outer-grid-content {
        /*
        padding-left: 2rem;
*/
        margin: 0;
    }
    .outer-grid-content.top>div {
        padding: 3rem 12.5% 3rem 7.5%;
    }
    .outer-grid-content.main>div.container-fluid {
        padding: 2rem 12.5% 3rem 5%;
    }
    #kontakt-trigger {
        border-radius: 3.5rem;
        width: 7rem;
        height: 7rem;
        padding-top: 2.5rem;
        font-size: 1.66rem;
    }
    .main-menu .nav-link {
        line-height: 1.1;
        font-size: 1.3em;
        letter-spacing: 0.05rem;
    }
}