/* Animation */

.animate-element {
    opacity: 0;
}
.animate-element.animate-now {
    -webkit-animation-name: animateDown;
    animation-name: animateDown;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes animateDown {
    0% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes animateDown {
    0% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1;
    }
}