.archive-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
	margin-bottom:80px;
}
.archive-wrapper article {position:relative;background:#EDECEC;margin:0;}
.archive-wrapper article .blog-main .entry-content {margin-bottom:0;}
body:not(.search) .archive-wrapper article .blog-main{padding:20px 20px 50px;}
.archive-wrapper article .blog-main h2 {padding:0;margin:0 0 8px;text-transform:uppercase;font-size:1.2em;line-height:1.2;font-weight:600;}
.archive-wrapper article .blog-main h2 a {color:#090909;text-decoration:none;}
.archive-wrapper article .blog-main h2 a:hover,.archive-wrapper article .blog-main h2 a:focus {color:#090909;text-decoration:underline;}

.archive-wrapper article .blog-main .buttons {margin:0;position:absolute;bottom:20px;font-size:0.8em;}
.archive-wrapper article img {width:100%;}

.pagination{clear:both;margin:40px 0 80px;}
.pagination ul {text-align:center;margin:0;padding:0;}
.pagination ul li:before {display:none;}
.pagination ul li {display: inline;border-right: 2px solid #090909;text-transform: uppercase;}
.pagination ul li.pagination-next {border-right:0;}
.pagination ul li a {cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    text-decoration: none;
    padding: 0 8px 0 5px;
    color: #000;
    font-weight: 800;
}
.pagination ul li a:hover,.pagination ul li a:focus {text-decoration:underline;}
.pagination ul li.active a {color:#cc0000;cursor:default;text-decoration:none !important;}

@media only screen and (max-width: 870px) {
    .archive-wrapper{
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 650px) {
    .archive-wrapper{
        display:block;
    }
    .archive-wrapper article {margin-bottom:30px;}
    .archive-wrapper img {width:100%;}
}