.carousel-caption{
    font-size: 2rem;
    text-shadow: 0px 4px 5px rgba(0,0,0,0.9)!important;
    font-weight: 400;
    text-shadow: none;
    letter-spacing: 1px;
    background: linear-gradient(to right, rgba(20,176,255,0) 0%, rgba(20,176,255,0.45) 17%, rgba(32,124,229,0.48) 78%, rgba(32,124,229,0) 100%);
    color: #fff;
    padding: 1rem;
    white-space: normal;
}
.carousel-slide-left .carousel-caption .h3 {
    font-size: 3em;
    font-weight: 300;
    text-shadow: none;
    letter-spacing: 1px;
    color: #fff;
    white-space: normal;
}
.carousel-slide-left .carousel-caption p {
    font-size: 1.8em;
    text-shadow: none;
    font-weight: 100;
    letter-spacing: .5px;
    white-space: normal;
}
@media (min-width: 768px) and (max-width: 991px){
    .carousel-slide-left .carousel-caption .h3 {
        font-size: 2em;
        font-weight: 300;
        text-shadow: none;
        letter-spacing: 1px;
         white-space: normal;
        color: #fff;
    }
    .carousel-slide-left .carousel-caption p {
        font-size: 1.3em;
        white-space: normal;
    }
}
@media (max-width: 767px){
    .carousel-slide-left .carousel-caption .h3 {
        font-size: 1.5em;
        font-weight: 300;
        text-shadow: none;
        white-space: normal;
        letter-spacing: 1px;
        color: #fff;
        padding-top: 15%;
    }
    .carousel-slide-left .carousel-caption {
        top: 25%;
        white-space: normal;
        bottom: 25%;}
    
.carousel-slide-left .carousel-caption p {
    font-size: 1.1em;
    white-space: normal;
    }
}
@media screen and (min-width: 768px){
    .carousel-slide-left .carousel-caption {
        top: 25%;
        white-space: normal;
        bottom: 25%;}
}