.carousel-item {
	transition: transform 2.5s ease-in-out;
}
.carousel-item a {
	text-decoration: none;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
	opacity: 0;
	transition: opacity 0s 2.5s;
}
.carousel-caption {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 15%;
	right: 15%;
	bottom: auto;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: center;

}
.carousel-caption h1 {
	font-weight: 900;
	color: var(--white);
	font-size: 1.4em;
}
@media (min-width: 576px) {
	.carousel-caption h1 {
		font-size: 2em;
	}
  }
@media (min-width: 768px) {
	.carousel-caption h1 {
		font-size: 4em;
	}
  }
  @media (min-width: 992px) {
	.carousel-caption h1 {
		font-size: 4.7em;
	}
  }
.carousel-caption h1 span {
	font-weight: 600;
	display: block;
}
.carousel-item img {
	animation: zoom-out 5.5s ease-in 0s 1 normal forwards;
}
.item-0.active .carousel-caption,
.item-1.active .carousel-caption,
.item-2.active .carousel-caption {
	animation: fly-in-all 5s ease-in 0s 1 normal forwards;
}
@keyframes fly-in-all {
	0% {
		opacity: 0;
		transform: scale(2) translate(0%, -40%);
	}
	20% {
		opacity: 1;
		transform: scale(1) translate(0%, -50%);
	}
	85% {
		opacity: 1;
		transform: scale(1) translate(0%, -50%);
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(0%, -200%);
	}
}
@keyframes zoom-out {
	0% {
		transform: scale(1.1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	}
}