.cards-box{width: 100%; margin: 0 0%; text-align: left;}
.cards-box img{height: 200px; width: 100%; object-fit: cover;}
.card-a{width: 32%; margin: 0% 0 0%; float: left; height: auto; min-height: 475px; border: solid 1px silver; border-radius: 5px;}/*height: 520px*/
.card-b{width: 32%; margin: 0% 2%; float: left;  height: auto; min-height: 475px; border: solid 1px silver; border-radius: 5px;}
.card-body h5 {
    font-size: 20px;
    padding: 0;
    height: 75px;
}

.card-body p{
    padding-top: 0px;
    font-size: 16px;
}

/* ---------------------------------------------------------------- */

/** *************** TABLET VIEW *************** */
@media only screen and (min-width:500px /*568px*/) and (max-width:770px) {

    .cards-box{width: 100%; margin: 0 0%; text-align: left;}
    .cards-box img{height: auto;}
    .card-a{width: 32%; margin: 0% 0 0%; float: left; height: auto; border: solid 1px silver; border-radius: 5px;}/*height: 520px*/
    .card-b{width: 32%; margin: 0% 2%; float: left; height: auto; border: solid 1px silver; border-radius: 5px;}
	.card-body h5 {
        font-size: 18px;
        padding: 0;
        height: 95px;
    }
    .card-body p{
        font-size: 16px;
        padding: 0;
    }
}



/* ---------------------------------------------------------------- */
/** ************* CELLPHONE VIEW ************* */
@media only screen and (min-width:300px) and (max-width:499px) {

    .cards-box img{height: auto;}
    .card-a{width: 90%; margin: 0% 0 5%; float: left; height: auto; border: solid 1px silver; border-radius: 5px;}/*height: 520px*/
    .card-b{width: 90%; margin: 5% 0 10%; float: left; height: auto; border: solid 1px silver; border-radius: 5px;}
	.card-body h5 {
        font-size: 20px;
    }/* style="height: 75px;"*/
    .card-body p{
        font-size: 16px;
    }
}