.carousel-inner {
    padding-bottom: 42%;
}
.carousel-item {
    position:absolute;
    height: 100%;
    background: rgba(27, 20, 100, 0.8);
}
.carousel-item > a {
    display: block;
	position: absolute;
	width: 100%; height: 100%;
}
.carousel-item img {
    width: 100%; height: 100%;
    object-fit: cover;
}
.carousel-caption {
    text-shadow: 1px 2px 3px rgba(0,0,0,0.6);
}
.carousel-caption p {
    animation-delay: .1s;
}
.carousel-caption p {
    animation-delay: .3s;
}
.carousel-indicators li {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
.carousel-control-prev {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
}
.carousel-control-next {
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
}
/* html.size-sm .carousel-inner {padding-bottom: 100%;} */
@media only screen and (max-width: 576px) and (orientation:portrait) {
	.carousel-inner {padding-bottom: 100%;}
}