.splash-bg{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:0;
    transition:transform 0.3s ease;
}
.splash-page img, .splash-page .text {
    z-index: 1;
    transition:transform 0.2s ease, opacity 0.2s linear;
    
}
.splash-page img{
    transform:scale(1);
    opacity:1;
}
.splash-page .text {

}
.splash-page.out img{
    transform:scale(0.3);
    opacity:0;
}
.splash-page.out .text {
    transform:translateY(50px);
    opacity:0;
}


/*desktop*/

.splash-page.desktop.out .splash-bg{
    transform:scaleY(0);
}
.splash-page.desktop .green{
    transform-origin:top center;
}
.splash-page.desktop .purple{
    transform-origin:bottom center;
    transition-delay:200ms;
}
.splash-page.desktop .pink{
    transform-origin:top center;
    transition-delay:400ms;
}
.splash-page.desktop .orange{
    transform-origin:top center;
    transition-delay:300ms;
}
.splash-page.desktop .cyan{
    transform-origin:bottom center;
    transition-delay:100ms;
}

.splash-page.desktop.out .splash-bg{
    transform:scaleY(0);
}
.splash-page.desktop .title{
    transition-delay:600ms;
}
.splash-page.desktop .cta-btn{
    transition-delay:700ms;
}
.splash-page.desktop .logos{
    transition-delay:800ms;
}


@media (max-width:768px) {
.splash-page.desktop .pink{
    transition-delay:100ms;
}

}