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

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  position: relative;
  
    left: 0;
    padding: 20px 20% 0 20%;
    right: 0;
}
.carousel .item {
  background-color: #536677;
  height : 550px;
}

.carousel-inner > .item > img {
  position: relative;
  left: 0;
  padding: 0;
  border: 0;
  min-width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.carousel h2 a {
  color: #ffffff;
}
.carousel h2 {
  text-align: center;
  margin-top: 0;
  padding: 10px 0 0 0;
}
.carousel .carousel-caption p {
  font-size: 16px;
}
.carousel .field--name-field-slide-text {
  color: #ffffff;
  padding: 15px 24px;
}

@media (min-width:768px) {
  .carousel-caption p {
    font-size : 21px;
    line-height : 1.4;
  }
  .carousel .carousel-caption {
      padding: 20px 15% 0 15%;
  }  
  
}