@media screen and (max-width:1023px) {

    .desktop { display: none !important; }

    body > header { height: 5rem; }
    body > header > h2 { margin: 0; }

    body > header section.search { margin-right: auto; }
    body > header section.search input { display: none; }

    body > header section.nav { margin-left: auto; margin-right: 1rem; }
/*    body > header section.nav nav { position: absolute; top:100%; left: 0; }
    body > header section.nav:not(.open) nav { display: none; }*/

    body > header > section.user {
        padding: 0 1rem 0 1.5rem;
    }


    body > main { }
    body > footer { }

    body > main > section h2 { }

    /*@FOOTER*/

    /*body > footer > .upper > div {
        font-size: 11.875rem;
        line-height: 8.75rem;
    }

    body > footer > .inner {
        display: flex;
        flex-direction: column;
        border-top: 1px solid var(--outline);
        border-bottom: 1px solid var(--outline);
        font-weight: 400;
        line-height: 1.25rem;
    }

    body > footer > .inner > * {
        padding: 2.5rem 1rem 2.5rem 1rem;
    }

    body > footer > .inner > * > .title {
        margin-bottom: 1.5rem;
    }

    body > footer > .inner > * {
        border-bottom: 1px solid var(--outline);
    }

    body > footer > .lower {
        padding: 3rem 1rem;
    }

    body > footer > .lower > span {
        display: block;
        margin-bottom: 0.5rem;
    }*/

    .modal > .content {
    }
}