/*  ANIMS */

#logoBig, #sloganIntro {
    opacity: 0;
    transition: opacity 1.5s ease;
    position:relative;
    top:-100px;
    z-index:10;
}

#logoBig.visivel, #sloganIntro.visivel {
    opacity: 1;
}

/* animar com deslizamento */
.deslizante {
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
}

.deslizante.visivel {
    transform: translateY(0);
    opacity: 1;
}