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

/* Carousel base class 
.carousel {
  margin-bottom: 4rem;
}
*/

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

/* Change the carousel indicator as a small ball */
.carousel-indicators {
  bottom: 20px;
}
    .carousel-indicators li {
      width: 10px;
      height: 10px;
      border-radius: 100%;
    }

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