.carousel h2{
    color:#fff !important;
}
.carousel h4 {
    color: #fff !important;
    font-size:18px;
}
.carousel .overlay{
    text-align:center;
}
.carousel-inner > .item{
    text-align:center;
}
.carousel-caption{
    padding-top:0 !important;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .carousel-inner .img-responsive, .carousel-inner .thumbnail a > img, .carousel-inner .thumbnail > img {
    max-height: 200px;
}

.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
/*@media screen and (min-width: 768px) {
    .carousel h2 {
        font-size:4em;
    }
    .carousel-caption {
        right: 10%;
        left: 10%;
        padding-bottom: 40px;
    }

}*/
@media screen and (min-width: 1400px) {
    .carousel h2 {
        font-size: 3em;
    }

    .carousel-caption {
        top:10px;
        right: 20%;
        left: 20%;
        /*padding-bottom: 40px;*/
    }
}
@media screen and (max-width: 1399px) {
    .carousel h2 {
        font-size: 3em;
    }

    .carousel-caption {
        top: 10px;
        right: 10%;
        left: 10%;
        /*padding-bottom: 20px;*/
    }
}
@media screen and (max-width: 1024px) {
    .carousel h2 {
        font-size: 1.7em;
    }
    .carousel h4 {
        font-size: 1em;
    }
    .carousel-caption {
        top: 10px;
        right: 5%;
        left: 5%;
        /*padding-bottom: 5px;*/
    }
}
@media screen and (max-width: 768px) {
    .carousel h2 {
        font-size: 1.5em;
    }
    .carousel h4{
        font-size:1em;
    }
    .carousel-caption {
        top: 5px;
        right: 1%;
        left: 1%;
        padding-bottom: 2px;
    }
}