@media only screen and (min-width: 768px) {
    [data-animate],
    .data-animate {
        opacity: 0;
        transform: translateY(100px);
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(.39,.575,.565,1);
        animation-fill-mode: forwards;
    }

    [data-animate].animated,
    .data-animate.animated {
        animation-name: fadeUp;
    }

    [data-animate-left],
    [data-animate-right] {
        opacity: 0;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(.39,.575,.565,1);
        animation-fill-mode: forwards;
    }

    [data-animate-left] {
        transform: translateX(-100px);
    }

    [data-animate-left].animated {
        animation-name: fadeLeft;
    }

    [data-animate-right] {
        transform: translateX(100px);
    }

    [data-animate-right].animated {
        animation-name: fadeRight;
    }

    div[data-epi-block-info] [data-animate],
    div[data-epi-block-info] .data-animate,
    div[data-epi-block-info] [data-animate-left],
    div[data-epi-block-info] [data-animate-right] {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}