.carousel-caption h4{
    font-size: 1.8em;
}

.carousel-caption p ,
.carousel-caption h4{
    color: #a2a2a2;
}

.carousel-caption{
   
   padding: 0;
   text-shadow: 0 0px 0px rgba(0,0,0,0);
   bottom: -10px;
}


/*FLIP BOX STYLES*/

.flip3d{
    width: 100%;
    height: 200px;
}

.flip3d > .front{
    position: absolute;
    transform: perspective(600px) rotateY(0deg);
    outline: 1px solid #c8c8c8;
    width: 90%;
    height: 270px;
    border-radius: 7px;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
}

.flip3d > .back{
    position: absolute;
    transform: perspective(600px) rotateY(180deg);
    outline: 1px solid #c8c8c8;
    padding:  20px;
    width: 90%;
    height: 270px;
    border-radius: 7px;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
}

.flip3d:hover > .front{
    transform: perspective(600px) rotateY(-180deg);
}

.flip3d:hover > .back{
    transform: perspective(600px) rotateY(0deg);
}

.front > h3{
    text-align: center;
}

.flip3d > .back > p{
    font-size: .9em;
}

.mb-flip{
    margin-bottom: 60px;
}

/*END FLIP BOX STYLES*/


@media screen and (max-width: 991px){
    .flip3d{
        width: 100%;
        height: 250px;
    }
    
}