body {
/*    margin: 0;
    font-family: "Lato", sans-serif;
    display: grid;*/
    grid-template-areas:
        "header header header"
        "article article article"
        "footer footer footer";
/*    grid-template-rows: 80px 1fr 70px;
    grid-template-columns: 20% 1fr 15%;
    height: 100vh;
    margin: 0;*/
}

@media all and (max-width: 575px) {
    body {
        grid-template-areas:
            "header"
            "article"
            "footer";
        grid-template-rows: 80px 1fr 70px;
        grid-template-columns: 1fr; /*
            grid-template-columns: max-content;*/
    }
}

#mainNav{
    display:none;
}