@media (max-width: 768px) {
    .content.py-5 {
        flex-direction: column;
    }
    .column.col-md-4 {
        width: 100%; 
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 300px;
    }
    .title.text-center h2 {
        font-size: 40px;
    }
    .title.text-center h3{
        font-size: 30px;
    }
    .title.text-center{
        margin-bottom: 0px;
    }
    .info {
        font-size: small;
        margin-top: 0px;
    }
    /* What we Offer */
    #what-we-offer .column.col-md-4 {
        max-width: 420px;
        max-height: 400px;
        min-height: 300px;
        padding-left: 0;
        padding-right: 0;
    }    
    #what-we-offer .title.text-center h2 {
        font-size: 40px;
    }
    #what-we-offer.content.py-5{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    /*#what-we-offer .background-image {
        min-height: 400px;
    }*/    
}
@media (max-width: 991px) {
    .content.py-5 {
        flex-direction: column;
    }
    .column.col-md-4 {
        width: 100%; 
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .title.text-center{
        margin-bottom: 0px;
    }
    .info {
        margin-top: 0px;
    }
    /* What we Offer */
    #what-we-offer .column.col-md-4 {
        max-width: 420px;
        max-height: 400px;
        min-height: 300px;
        padding-left: 0;
        padding-right: 0;
    }    
    #what-we-offer .title.text-center h2 {
        font-size: 40px;
    }
    #what-we-offer.content.py-5{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    /*#what-we-offer .background-image {
        min-height: 400px;
    }*/
    #what-we-offer .carousel-inner {
        max-height: 350px;
      }
}
@media (max-width: 768px) {
    .contact-content.py-5 .left.col-md-6 .info{
        font-size: small;
    }
    #what-we-offer .carousel-inner {
        max-height: 300px;
      }
}

@media (max-width: 620px){
    #what-we-offer .column.col-md-4 {
        max-height: 300px;
        min-height: 200px;
        padding-left: 0;
        padding-right: 0;
    }
    
    #what-we-offer .carousel-inner {
        max-height: 200px;
      }
}