/* mobile */
@media(min-width:320px),
(max-width:320px) {

    /* html {
        scroll-padding-top: 8rem;
    } */


    #id_gridContainer {
        display: grid;
        grid-template-areas:
            'header'
            'main'
            'aside'
            'footer';
    }



}




/* mobile landscape */
/* @media(min-width:578px) {

} */


/* tablet */
/* @media(min-width:768px) {

} */




/* screen */
@media(min-width:1200px) {

    /* html {
        scroll-padding-top: 9rem;
    } */

    #id_gridContainer {
        display: grid;
        grid-template-areas:
            'header header'
            'aside main'
            'footer footer';
    }


    /* header {
        padding-left: 30px;
     } */

}



/* big screen */
/* @media(min-width:1600px) {

} */