body.index article {
    grid-auto-rows: 1fr;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "a b c" "a b c" "a b c"
}

article .col-md-4 h2 {
    padding: 20px 0px;
    height: 80px;
}

.read-wrapper {
    width: initial;
    max-width: initial;
    bottom: 0px;
    position: absolute;
}

article .col-md-4 img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

@media (max-width: 767px) {
    body.index article {
        width: 100%!important;
        grid-template-columns: repeat(1, 1fr)!important;
        grid-template-areas: "a"!important;
    }
    .container-fluid img {
        height: 81px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.index article {
        width: 100%!important;
        grid-template-columns: repeat(2, 1fr)!important;
        grid-template-areas: "a b"!important;
    }
    .navbar_menu>ul>li>a {
        font-size: 15px;
    }
}

article .col-md-4 {
    max-width: 100%;
    margin-bottom: 50px;
}

body.index h2 a:hover {
    color: #ff0000;
}