@media screen and (min-width: 1060px)
{
    div#wrapper {
        max-width: 1024px;
        margin: 10px auto auto;
    }

    main {
        padding: 50px;
    }

    nav#top-nav ul li a {
        padding: 10px 20px;
    }
}

@media screen and (min-width: 800px)
{
    nav#top-nav {
        display: block;
        position: relative;
        width: 100%;
        transition: none;
        padding: 0;
        top: auto;
        right: auto;
        text-align: left;
        flex: none;
    }

    nav#top-nav ul li {
        position: relative;
        display: inline-block;
    }

    nav#top-nav ul li a {
        display: inline-block;
        border-bottom: none;
    }

    div#top-nav-button {
        display: none;
    }

    main ul.wp-block-latest-posts {
        margin: auto;
        text-align: center;
    }

    main ul.wp-block-latest-posts li {
        display: inline-block;
        width: 32%;
        max-width: 32%;
    }
}