.carousel-caption {
  color: #8f8f8f;
  left: auto;
  right: auto;
}

.carousel-item {
  height: 100%;
  max-height: 85vh;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}

#carouselExampleCaptions {
  height: 90%;
  text-align: center;
  color: #8f8f8f;
  padding-bottom: 5vh;
}
#carouselExampleCaptions:hover .carousel-caption h5 {
  color: #000;
}
#carouselExampleCaptions .carousel-caption h5 {
  color: #8f8f8f;
}

.carousel-inner {
  height: 100%;
  min-height: 100px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 5rem;
  height: 5rem;
}

.carousel-indicators {
  margin-bottom: 6vh;
}

@media only screen and (max-width: 600px) {
  #carouselExampleCaptions {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1320px) {
  .carousel-inner h5 {
    font-size: 0.9rem;
  }
}