/*all desktop resolutions*/
@media screen and (min-width:1024px) {

    .mobile { display: none !important; }

    body { align-items: center; max-width: 30rem; margin: 0 auto 0 auto; }
    body > *:not(.loader) { max-width: 30rem; }

    body > header { height: 6rem; }

    body > header section.logo { padding: 0 2rem 0 2rem; border-right: 1px solid var(--outline); }

    body > header section.search { display: flex; flex-direction: row; width: 21rem; padding: 0 2rem 0 2rem; border-right: 1px solid var(--outline); }

    body > header > section.nav { margin-left: auto; }

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

    body > header section.nav nav {
        display: flex;
    }

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


    body > main { height: calc(100% - 5rem); }
    body > main > section h2 { font-size: 2rem; }

    /*@FOOTER*/

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

    body > footer > .inner > * {
        padding: 5.5rem 3.5rem 5.5rem 3.5rem;
    }

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

    body > footer > .inner > *:not(:last-child) {
        border-right: 1px solid var(--outline);
    }

    body > footer > .lower {
        height: 5.625rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 7rem 0 7rem;
    }*/
}

/*desktop resolution up to full hd*/
@media screen and (min-width:1024px) and (max-width:1919px) {
}

/*legacy support for older screens , eg 1024 x 768 */
@media screen and (min-width:1024px) and (max-width:1365px) {
    html { font-size: 12px; }
}

/*common laptop resolutions*/
@media screen and (min-width:1366px) and (max-width:1439px) {
    html { font-size: 14px; }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
}

@media screen and (min-width:1600px) and (max-width:1679px) {
}

@media screen and (min-width:1680px) and (max-width:1919px) {
}

@media screen and (min-width:1920px) and (max-width:2559px) {

}

@media screen and (min-width:1024px)  {


}