/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.myCarousel{
  padding: 0;
  margin-top: -50px;
}
/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 16rem;
  z-index: 10;
  width:42rem;
  left: 10%;
  font-family: 'Montserrat Bold', 'Open Sans', sans-serif;
}
.carousel-caption h1{
  font-family: 'Montserrat Bold', 'Open Sans', sans-serif;
  font-size: 48px;
  margin-bottom: 20px;
}
.carousel-caption h1 span {
  color: #fff;
  border-bottom: 4px solid #FFB647;
}
.carousel-caption p{
  font-size: 24px;
  font-family: 'Montserrat SemiBold', 'Open Sans', sans-serif;
}


/* Declare heights because of positioning of img element */
.carousel-item {
  height: 42rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 42rem;
}


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

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 2.25rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }

  
}

@media (min-width: 62em) {
  
}