query.css

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

@media screen and (min-width: 1000px) {
    #canvas-container {
        width: 628px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
}