.blog_showcase{
    padding: 30px 0px;
    background: url(../images/blog_showcase.jpg) center center no-repeat;
    background-size: cover;
}
.blog_showcase h1{
    text-align: center;
    color: #000;
}
.blog_showcase p{
    text-align: center;
    color: #000;
}
.blog-container{
    width: 70%;
    margin: auto;
    padding: 50px 0px;
}
.blog{
    width: 100%;
    display: grid;
    grid-template-columns: 35% 65%;
    grid-gap: 20px;
    padding: 25px 0px;
}
.blog img{
    width: 100%;
    height: 100%;
    border-radius: 20%;
}
.blog .blog-body{
    width: 100%;
}
.author_time{
    color: #999;
}

@media(max-width: 700px){
    .blog_showcase h1{
        text-align: center;
        color: #000;
    }
    .blog_showcase p{
        text-align: center;
        color: #000;
    }
    .blog-container{
        width: 90%;
        margin: auto;
        padding: 50px 0px;
    }
    .blog{
        width: 100%;
        display: grid;
        grid-template-columns: 35% 65%;
        grid-gap: 20px;
        padding: 25px 0px;
    }
    .blog img{
        height: 50%;
        width: 100%;
    }
}