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

/* Carousel base class */
.carousel {
  text-align:center;
  max-width: 1600px;
  margin:auto;
  height: 640px;
  margin-top: 0px!important;
  margin-bottom: 10px;
}
.carousel-item img { 
height: 640px!important; 
width:100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
	padding-bottom: 100px!important;
}
.carousel h3{
	color: #FFFFFF;
}

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

    @media (max-width: 979px) {
.carousel {
  height: 500px;
}
.carousel-item img { height: 480px!important; width:100%;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

    }
    @media (max-width: 767px) {
.carousel {
  height: 400px;
}
.carousel-item img { height: 350px!important; width:100%;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 350px;
}
.carousel h3 {
	font-size: 16px;
}
.carousel p {
	font-size: 12px;
}
	}
    @media (max-width: 567px) {
.carousel {
  height: 300px!important;
}
.carousel-item img { height: 280px!important; width:100%;}

}