@media (max-width: 991.98px) {

    .module.reveal {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        will-change: transform, opacity;
        transition: transform 1100ms cubic-bezier(.2,.8,.2,1), opacity 1100ms cubic-bezier(.2,.8,.2,1);
    }

        .module.reveal.from-right {
            transform: translate3d(18px, 0, 0);
        }

        .module.reveal.from-left {
            transform: translate3d(-18px, 0, 0);
        }

        .module.reveal.from-bottom {
            transform: translate3d(0, 18px, 0);
        }

        .module.reveal.is-visible {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

    @media (prefers-reduced-motion: reduce) {
        .module.reveal {
            transition: none !important;
            opacity: 1 !important;
            transform: none !important;
        }
    }
}

@media (min-width: 992px) {

    .module.reveal-desktop {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        will-change: transform, opacity;
        transition: transform 650ms cubic-bezier(.2,.8,.2,1), opacity 650ms cubic-bezier(.2,.8,.2,1);
    }

        .module.reveal-desktop.from-right {
            transform: translate3d(14px, 0, 0);
        }

        .module.reveal-desktop.from-left {
            transform: translate3d(-14px, 0, 0);
        }

        .module.reveal-desktop.from-bottom {
            transform: translate3d(0, 14px, 0);
        }

        .module.reveal-desktop.is-visible {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

    @media (prefers-reduced-motion: reduce) {
        .module.reveal-desktop {
            transition: none !important;
            opacity: 1 !important;
            transform: none !important;
        }
    }
}