#block-views-blog-posts-block
{
    max-width:1400px !important;
    padding:0 !important;
}
.view-blog-posts
{
    max-width:1400px !important;
    margin:50px 70px!important;
    padding:0 !important;
}

.view-blog-posts .view-content
{
    max-width:none !important;
    padding:0 !important;
}

.view-blog-posts .view-content ul
{
    display:flex;
    flex-wrap:wrap;
}

.view-blog-posts .view-content li
{
    background:#f4f4f4;
    padding-bottom:20px;
    text-align:left !important;
}
/*
#block-views-blog-posts-block span.field-content a
{
    position:relative;
    padding-top: 75%;
    overflow:hidden;
}*/
.blog_post_area
{
    padding:0 25px 0px 25px;
}

.blog_post_area .blog_post_btn
{
    position:relative;
    width:auto;
    border: 0;
    padding: 10px 0 !important;
    color:#2ea0ff;
    font-size:16px;
    display: block;
    float: right;
    font-weight:bold;
}
.blog_post_area .blog_post_btn:hover
{
    text-decoration:underline !important;
    color:#2ea0ff;
    font-weight:bold;
}
.blog_post_area .blog_post_title
{
    font-size:20px;
}
.blog_post_area  .blog_post_date
{
    padding:10px 0px 10px 0px;
    display:block;
    font-size:15px;
    color:black;
    font-style:normal;
    font-weight:normal;
}

#block-views-blog-posts-block span.field-content a img
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:-1;
    display:block !important;
    max-width:none !important;
    width:100% !important;
    object-fit:cover;
    object-position:top;
    height:auto !important;
}
@media only screen and (max-width: 768px) 
{
.view-blog-posts {
    margin: 50px 30px !important;
}
}