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

/* Carousel base class */
.c-b100{
  bottom:  100px !important;
}
.carousel h2{
  color: rgb(255, 255, 255);
  font-family: Merriweather, "Times New Roman", Times, serif;
  font-size: 44px;
  font-weight: 700;
  line-height:56px;
}
.carousel h5{
  color: rgb(255, 255, 255) !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px  !important;
  font-weight: 400  !important;
  line-height: 27px  !important;
}
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
.carousel-caption {
  z-index: 10; /* Since positioning the image, we need to help out the caption */
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 420px;
  background-color: #777;

}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}



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

@media (min-width: 768px) {
  

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}
.carousel-caption{
  left: 8% !important;
  text-align: left !important;
}