@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1{
        font-size: 26px;
        line-height: 38px;
    }
    .footer-contact-text{
        font-size: 18px;
    }
    .item{
        padding: 20px;
    }
    .item h5 {
        font-size: 20px;
        line-height: 28px;
    }
    .site-heading h4{
        font-size: 28px;
    }
    .footer-title{
        font-size: 22px;
    }
    .credit-img{
        width: 100%;
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767px){
    .hero-bg{
        height: 100vh;
    }
    h1{
        font-size: 26px;
        line-height: 38px;
    }
    .footer-contact-text{
        font-size: 18px;
    }
    .item{
        padding: 20px;
    }
    .item h5 {
        font-size: 20px;
        line-height: 28px;
    }
    .site-heading h4{
        font-size: 28px;
    }
    .footer-title{
        font-size: 22px;
    }
    .footer-box .row .col-auto{
        width: 100%;
        margin: 10px 0px;
        text-align: center;
    }
    .credit-img{
        width: 100%;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 479px) {
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 360px) {}