#main > header.page-header {
    width: 100%;
}

#content nav.navigation.pagination {
    width: 100%;
    justify-content: center;
}

#content .pagination .current,
#content .pagination a:hover,
#content .pagination a:focus {
    background: var(--accent-hover-color, #ff0000);
    color: #fff;
}

@media screen and (min-width: 768px) {
    
    #main {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.5rem;
    }
    
    #main > header.page-header {
        padding: 0 .5rem;
    }

    #content article {
        width: 50%;
        padding: 0 .5rem;
        border-bottom: 0;
    }

    #content article .entry-thumbnail {
        height: 0;
        overflow: hidden;
        padding-top: 56%;
        position: relative;
    }

    #content article .entry-thumbnail a,
    #content article .entry-thumbnail img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}