@media only screen and (min-width: 35rem) {

    div#wrapper {
        display: grid;
        grid-template-columns: 220px auto;
    }
    
    
/* NAVIGATION STUFF GOES HERE  */
    #hamburgerBtn{display: none;}
    nav {
        position: static;
        transform: translateX(0);
        width: auto;   
    }
    .moveOver>.content{transform: translateX(0px);}
    
/* HEADER STUFF GOES HERE  */
    header {display: block;}
    header h1 {
        text-align: left;
        text-transform: uppercase;
    }
    
/* MAIN STUFF GOES HERE  */
    main h1{font-size: 2rem;}
    main h2{font-size: 1.5rem;}
    main li li {font-size: 1.1rem;}
    main figure {float: right; width: 50%;}
    
} /* end media query*/