.item{
    height:100vh;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:5.5vw;
}

.carousel {
    background-color: black;
    height:100vh;
    z-index:1;
    margin-top:-20px;
}

.carousel-indicators {
    z-index:5005;
}

.carousel-caption {
    background      : rgba(0,0,0,0.75);
    width           : auto;
    min-width       : 20vw;
    left            : 0;bottom:0;top:0;    
    z-index         : 5;
    animation-delay : 2s;
}

.carousel-caption > h3, .caption-lg > div > h3 {
    font-family     : 'NeuronBold';   
    color           : var(--main-lt-green);
    margin          : 2vw;
    text-shadow     :0 1px 0 black, 1px 1px 0 black, 1px 0 0 black, -1px 0 0 black, -1px -1px 0 black, 0 -1px 0 black, -1px 1px 0 black, 1px -1px 0 black;
}

.carousel-caption > p {
    font-size:xx-large;
    margin:1vw;
}

.carousel-caption > div > div > p {
    font-size:x-large;
    letter-spacing:0;
    margin:1vw;
    max-width:900px;
}

.sponsCaro, .sponsCaro div {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center 20%;
}

.sponsCaro{
    padding:5px;
    height:70%
}

.sponsCaro div {
    height:100%;
}

.carouselBG {
    position            : absolute;
    top                 : 0;right:0;bottom:0;left:0;
    background-size     : cover;
    background-position : center center;
    z-index             : 4;
}

.caption-lg  {
    width:100%;
}


.carousel-inner > .item {
    -webkit-transition-duration : 2s;
    -moz-transition-duration    : 2s;
    -o-transition-duration      : 2s;
    transition-duration         : 2s;

    -webkit-transition-timing-function  : ease-in-out;
    -moz-transition-timing-function     : ease-in-out;
    -o-transition-timing-function       : ease-in-out;
    transition-timing-function          : ease-in-out;
}


@media (min-width: 767px) {
    .carousel-caption {
        max-width:900px;
        animation-name:fadeInLeft;
        padding-top:calc(100px + 5%);
    }   

    .caption-lg {
        max-width:100%;
        width:100%;
    }

    .carousel-caption > h3, .caption-lg div > h3 {
        font-size       : 55px;
        letter-spacing  : 0.5vw;
    }

    .carousel-caption > a {
        margin:1vw;
        font-size:xx-large;
    }
}

@media (max-width: 766px) {
    .carousel {
        height:auto;
    }

    .carousel-caption {
        animation-name:fadeInDown;
        padding-top:10vh;
        right:0;
    }

    .carousel-caption > a {
        margin:1vw;
        font-size:large;
    }

    .carousel-indicators {
        margin-bottom:0px;
    }
}