.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel { height:680px; }
.carousel-indicators li { width:18px; height:18px; border-radius: 50px; background-color:rgba(255, 255, 255, 0.1); margin:4px; }
.carousel-indicators .active { width:18px; height:18px; background-color:#ffffff; margin:4px; }
.carousel-caption h1 { font-family: 'Lato', sans-serif; font-style:italic; font-weight:900; }
.carousel-caption h6 { font-family: 'Playfair Display', serif; font-weight:700; letter-spacing:3px; }
.carousel-caption { text-align:center; }

@media (max-width:767px) {

.carousel { height:180px; }
.carousel-control.left {display:none;}
.carousel-control.right{display:none;}
.carousel-indicators li { display:none; }
 }

@media(min-width:768px) and (max-width:991px) {

.carousel { height:640px; }
 }

@media(min-width:992px) {

.carousel { height:640px; }
 }

@media(min-width:1200px) {

.carousel { height:640px; }

 }