<style>
    {}

    h1 {
        font-size: 2em;
    }

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

    #grid-item-main {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    #grid-item-sidebar1 {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3; 
    }
/*    this is the links page, we dont need this*/
    #grid-item-sidebar2 {
        display: none;
    }
    #grid-item-empty {
        display: none;
    }
}

</style>