/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 580px;
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	left: 0px;
    right: 0px;
	bottom: 0px;
	padding-bottom: 0px;
	
	


}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 580px;
	background-color: #777;
	background-size: cover;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 580px;
}

.carousel-control {
    width: 5%;
    opacity: 0.4;
}

.carousel-indicators {
    bottom: 80px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 768px) {
  .carousel {
	  height: 250px;
  }
  .carousel .item {
    height: 250px;
    background-position: center;
  }
	.carousel-indicators {
		bottom: 10px;
	}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}