.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-indicators li { display:none; }
.carousel-indicators .active { display:none; }
.carousel-caption h3 { font-family: 'Playfair Display', serif; font-weight:bold; }

@media (max-width:767px) {
.carousel { height:300px; }
.carousel-caption h3 { font-size:30px; margin-top:-150px; }

 }

@media(min-width:768px) and (max-width:991px) {
.carousel { height:400px; }
.carousel-caption h3 { font-size:52px; margin-top:-220px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 80px; height: 80px; margin-top: 120px; margin-left: 120px; font-size: 54px; background-color: #ffffff; color: #000000; }
.carousel-control .icon-prev { width: 80px; height: 80px; margin-top: 120px; margin-left: 0px; font-size: 54px; background-color: #ffffff; color: #000000; }
 }

@media(min-width:992px) {
.carousel { height:500px; }
.carousel-caption h3 { font-size:60px; margin-top:-280px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 80px; height: 80px; margin-top: 170px; margin-left: 170px; font-size: 55px; background-color: #ffffff; color: #000000; }
.carousel-control .icon-prev { width: 80px; height: 80px; margin-top: 170px; margin-left: 680px; font-size: 55px; background-color: #ffffff; color: #000000; }
 }

@media(min-width:1200px) {
.carousel { height:588px; }
.carousel-caption h3 { font-size:88px; margin-top:-290px; }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 100px; height: 100px; margin-top: 194px; margin-left: 170px; font-size: 65px; background-color: #ffffff; color: #000000; }
.carousel-control .icon-prev { width: 100px; height: 100px; margin-top: 194px; margin-left: 930px; font-size: 65px; background-color: #ffffff; color: #000000; }
}