/*body {
  overflow-x: hidden;
  height: 100%
}*/

.carousel-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}


.carousel-item {
  height: 100vh;
}

.carousel-caption {
  transform: translateY(-50%);
  bottom:0;
  top:50%;
}