.blog-posts{ padding: 20px 0 40px; border-top: 1px solid #dbdbdb; display: flex; flex-wrap: wrap;}
/*.blog-posts:after{content: ""; display: block; clear: both;}*/
.blog-posts .blog-item{width: 100%; padding: 0 12px 70px; position: relative;flex-shrink: 0; padding-top: 20px;}
.blog-posts .blog-image{width: 100%; height: 0; padding-bottom: 90%; background-color: #f0f0f0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.blog-posts h3{ font-size: 18px; font-weight: bold; margin: 20px 0; height: 43px; text-align: left; line-height: 1.2; overflow: hidden; padding: 0 10px; }
.blog-posts p{text-align: left; font-size: 14px; line-height: 1.2; padding: 0 10px;}
.blog-posts .button{border:1px solid #000;color:#000; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);width: 215px;font-weight: 400; font-size: 15px; padding: 12px 20px 12px 20px; text-decoration: none; text-transform: uppercase; display: inline-block; border-radius: 30px;}
.blog-posts a:hover{color:#eb1d47;border-color:#eb1d47;}

@media (min-width: 480px){
    .blog-posts .blog-item{
        width:50%;
    }
}
@media (min-width: 900px){
    .blog-posts .blog-item{
        width:25%;
    }
    .blog-posts h3, .blog-posts p{padding: 0;}
}