.blog-card {
    height: auto !important;
}
.blog-card-footer {
    padding-bottom: 20px
}
.blog-card-img {
    height: 220px !important;}
@media only screen and (max-width: 600px) {
.hero-title {
    font-size: 2rem;}
.hero-subtitle {
    width: 100%;
    }
.blog-card-img {
    height: auto !important;}
.blog-posts-section {
     padding-top: 0px !important;
}
.section-title {
    font-size: 1.4rem;}
.blog-card {
    height: auto;
}
.blog-card-footer {
        padding-bottom: 20px;
}
}