.jarallax-video {
    width: 100%;
    height: 100vh;
}

.jarallax-video-cas {
    width: 100%;
    height: 100vh;
}

.logo-centred {
    height: 125px;
    top: 30%;
    left: 25%;
    right: 25%;
    position: absolute;
    text-align: center;
}

.logo-centred img {
    left: 25%;
    right: 25%;
    margin: auto;
    width: 250px;
    height: 250px;
    position: initial;
}

.logo-centred span{
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: 2px 2px #000000;
}

.logo-centred span, .logo-centred img{
    opacity: 0;
    animation-name: bounceIn;
    animation-duration: 450ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

img{animation-delay: 0.5s;}
span:nth-child(3){animation-delay: 1.75s;}
span:nth-child(4){animation-delay: 2s;}
span:nth-child(5){animation-delay: 2.75s;}

@keyframes bounceIn{
    0%{
        opacity: 0;
        transform: scale(0.3) translate3d(0,0,0);
    }
    50%{
        opacity: 0.9;
        transform: scale(1.1);
    }
    80%{
        opacity: 1;
        transform: scale(0.89);
    }
    90%{
        opacity: 1;
        transform: scale(1) translate3d(0,0,0);
    }
    100%{
        opacity: 0;
        transform: scale(0) translate3d(0,0,0);
    }
}

.rocket-lazyload {
    background-image: url("imgs/CTSMap.png");
    width:100%;
    height:545px;
    background-color: #cccccc;
    background-position: center;
}