.about-content-page-row{
    height:auto;
    margin-top: 20px;
}


.about-info-row{
    margin-bottom: 10px;
    padding: 10px;    
}



.card-title{
    text-transform: uppercase;
}

.left-col, .middle-col {
    height: 100%;
}

.about-content-page-row .card-img-overlay,
.about-info-row .card-img-overlay{
    padding: 20px 30px;
}

.about-content-page-row .card:hover .card-img-overlay,
.about-info-row .card:hover .card-img-overlay{
    padding: 30px 50px;
}

/*****************ADD RESPONSIVE ADJUSTMENTS FOR 320********************************/
@media (max-width:600px){
    .about-content-page-row{
        margin-top: 0;
    }

    .about-info-row{
        margin: 0;
        padding: 0;
    }

    .about-content-page-row .card-img-overlay,
    .about-info-row .card-img-overlay{
        padding: 1rem 2rem;
    }

    .about-content-page-row .card-img-overlay h1,
    .about-info-row .card-img-overlay h1{
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }

    .about-content-page-row .card-main-col .card-img-overlay p,
    .about-info-row .card-main-col .card-img-overlay p{
        font-size: 1rem;
        line-height: 1.2;
    }

    .about-info-row .card-main-col .card-img-overlay .bttn{
        width: 40px;
        height: 40px;
        font-size: 0.4rem;
        bottom: 2%;
    }


    .about-content-page-row .card:hover .card-img-overlay p,
    .about-info-row .card:hover .card-img-overlay p{
        font-size: 0.85rem;
        line-height: 1.2;
    }

}

/*****************ADD RESPONSIVE ADJUSTMENTS FOR 601********************************/
@media (min-width:601px) {

    .about-content-page-row{
        margin-top: 0;
    }

    .about-info-row{
        margin: 0;
        padding: 0;
    }

    .about-content-page-row .card-img-overlay,
    .about-info-row .card-img-overlay{
        padding: 1rem 2rem;
    }

    .about-content-page-row .card-img-overlay h1,
    .about-info-row .card-img-overlay h1{
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }

    .about-content-page-row .card-main-col .card-img-overlay p,
    .about-info-row .card-main-col .card-img-overlay p{
        font-size: 1rem;
        line-height: 1.2;
    }

    .about-info-row .card-main-col .card-img-overlay .bttn{
        width: 40px;
        height: 40px;
        font-size: 0.4rem;
        bottom: 2%;
    }


    .about-content-page-row .card:hover .card-img-overlay p,
    .about-info-row .card:hover .card-img-overlay p{
        font-size: 0.85rem;
        line-height: 1.2;
    }

}

@media (min-width:768px) {
    .about-content-page-row .card-img-overlay,
    .about-info-row .card-img-overlay{
        padding: 1rem 3em;
    }

    .about-info-row .card-main-col .card-img-overlay .bttn{
        width: 60px;
        height: 60px;
        font-size: 0.6rem;
    }

}

@media (min-width:992px) {
    .about-content-page-row .card-img-overlay,
    .about-info-row .card-img-overlay{
        padding: 0.2em 1.75em;
        min-width: 70%
    }

    .about-content-page-row .card-img-overlay h1,
    .about-info-row .card-img-overlay h1{
        font-size: 1.75rem;
        margin-bottom: 0.45rem;
    }

    .about-info-row{
        margin-bottom: 0.5rem;
    }

    .about-content-page-row .card-main-col .card-img-overlay p,
    .about-info-row .card-main-col .card-img-overlay p{
        font-size: 0.85rem;
        line-height: 1;
    }

    .about-info-row .card-main-col .card-img-overlay .bttn{
        width: 40px;
        height: 40px;
        font-size: 0.4rem;
    }
}

@media (min-width:1200px) {
    .about-content-page-row .card-img-overlay,
    .about-info-row .card-img-overlay{
        padding: 1rem 3em;
    }

    .about-content-page-row .card-main-col .card-img-overlay p,
    .about-info-row .card-main-col .card-img-overlay p{
        font-size: 1rem;
        line-height: 1;
    }

    .about-info-row .card-main-col .card-img-overlay .bttn{
        width: 50px;
        height: 50px;
        font-size: 0.5rem;
    }
}

@media(min-width:1600px){
    .about-content-page-row .card-img-overlay,
    .about-info-row .card-img-overlay{
        padding: 1em 4em;
    }

    .about-content-page-row .card-main-col .card-img-overlay p,
    .about-info-row .card-main-col .card-img-overlay p{
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .about-info-row .card-main-col .card-img-overlay .bttn{
        width: 60px;
        height: 60px;
        font-size: 0.6rem;
    }

    .about-content-page-row .card-img-overlay h1,
    .about-info-row .card-img-overlay h1{
        font-size: 2rem;
        margin-bottom: 0.45rem;
    }

    .about-content-page-row .card:hover .card-img-overlay p,
    .about-info-row .card:hover .card-img-overlay p{
        font-size: 1.2rem;
        line-height: 1.5;
    }
}