@media (min-width: 360px) and (max-width: 575.98px){
    #hero {
        height: 50vh;
    }
    .about_txt{
        font-size: 15px;
        text-align: center;
    }
    .card-img, .card-img-top {
        width: 70%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px){ 
    .card-img, .card-img-top {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #hero {
        height: 60vh;
    }
 }


@media (min-width: 992px) and (max-width: 1199.98px) { }

@media (min-width: 1200px) { }