.container {
    display: grid;
    grid-template:
        'header header'
        'sidebar main'
        'footer footer'
        / 220px auto;
    width: 1200px;
    margin: auto;
    margin-top:20px;
}

header {
    grid-area: header;
}

nav {
    display: flex;
    flex-direction: column;
}

.container>aside {
    grid-area: sidebar;
    max-width: 220px;
}

main {
    grid-area: main;
}

footer {
    grid-area: footer;
}

/* Mobile/smallscreen styling */
@media only screen and (max-width:750px) {
    .container {
        display: grid;
        grid-template:
            'header header'
            'sidebar sidebar'
            'main main'
            'footer footer'
            / 1fr 5fr;
        width: 100%;
        margin: auto;
    }

    .container>aside {
        max-width: 100%;
    }

    nav {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap:wrap;
    }

    nav a {
        padding: 5px;
    }

    .blog-container,
    .site-button-container {
        display: none;
    }

    .blog-img {
        max-width: 100%;
    }
}