@media (max-width: 768px) {
    .overlap {
        margin-top: -84px;
    }
}
@media (min-width: 768px) {
    .parralex-one {
        min-height: 100vh;
    }
    
    .parralex-two {
        min-height: 350vh;
    }
    
    .parralex-three {
        min-height: 80vh;
    }
    
    .parralex-four {
        min-height: 300vh;
    }
    
    .parralex-five {
        min-height: 100vh;
    }
    
    .wrapper {
        position: relative;
        z-index: 1;
    }
    
    .overlap {
        margin-top: -100px;
    }
    
    .parralex {
        position: relative;
        width: 100%;
        z-index: 2;
    }
    .popUp {
        transform: translate3d(0, 25px, 0);
        transition: all 0.4s;
    }

    .popUp.active {
        transform: translate3d(0, 0, 0);
    }

    .dropDown {
        transform: translate3d(0, -100%, 0);
        transition: all 0.4s cubic-bezier(0.3, 0.02, 0.3, 1.01);
    }

    .dropDown.active {
        transform: translate3d(0, 0, 0);
    }

    .textUp {
        transform: translate3d(0, 40px, 0);
        transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1);
        opacity: 0;
    }

    .textUp.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .textUpLong {
        transform: translate3d(0, 120px, 0);
        transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
        opacity: 0;
    }

    .textUpLong.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .fadeIn {
        transition: all 0.5s;
        opacity: 0;
    }

    .fadeIn.active,
    .animate.active .fadeIn {
        opacity: 1;
    }

    .fadeInLeft {
        transition: all 0.52s;
        transform: translate3d(-20px, 0, 0);
        opacity: 0;
    }

    .fadeInLeft.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .fadeInRight {
        transition: all 0.52s;
        transform: translate3d(20px, 0, 0);
        opacity: 0;
    }

    .fadeInRight.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .fadeInLeftLong {
        transition: all 0.52s;
        transform: translate3d(-35px, 0, 0);
        opacity: 0;
    }

    .fadeInLeftLong.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .fadeInRightLong {
        transition: all 1s;
        transform: translate3d(200%, 0, 0);
        opacity: 0;
    }

    .fadeInRightLong.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .fadeDown {
        transition: all 0.52s;
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }

    .fadeDown.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .textUpLong.slow {
        transform: translate3d(0, 40px, 0);
        transition: all 3s cubic-bezier(0.075, 0.82, 0.165, 1);
        -ms-transition: all 3s cubic-bezier(0.075, 0.82, 0.165, 1);
        opacity: 0;
    }

    .textUpLong.slow.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .textUpLong {
        transform: translate3d(0, 40px, 0);
        transition: all 3s cubic-bezier(0.075, 0.82, 0.165, 1);
        opacity: 0;
    }

    .textUpLong.slow.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .slideDown {
        transform: translate3d(0, -16px, 0);
        transition: all 0.6s cubic-bezier(0.8, -0.93, 0.79, 0.94);
    }

    .slideDown.active {
        transform: translate3d(0, 0, 0);
    }

    .slideInLeft {
        transform: translate3d(-200%, 0, 0);
        transition: all 1s;
    }

    .slideInLeft.active {
        transform: translate3d(0, 0, 0);
        transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .slideInRight {
        transform: translate3d(100vw, 0, 0);
        transition: all 1s;
    }

    .slideInRight.active {
        transform: translate3d(0, 0, 0);
    }

    .swing {
        transition: 0.5s ease-in-out;
        transform: rotatex(-90deg) translateZ(0);
        transform-origin: 0 0 0;
        opacity: 0;
    }

    .swing.active {
        transform: rotatex(0) translateZ(0);
        opacity: 1;
    }

    .expand {
        transition: 0.45s;
        transform: scale(0.75) translateZ(0);
        opacity: 0.25;
    }

    .expand.active {
        transform: scale(1) translateZ(0);
        opacity: 1;
    }

    /* Delay CSS3 */
    .delay-1 {
        transition-delay: 0.15s;
    }

    .delay-2 {
        transition-delay: 0.3s;
    }

    .delay-3 {
        transition-delay: 0.45s;
    }

    .delay-4 {
        transition-delay: 0.6s;
    }

    .delay-5 {
        transition-delay: 0.75s;
    }

    .delay-6 {
        transition-delay: 0.9s;
    }

    .delay-7 {
        transition-delay: 1.1s;
    }

    .delay-8 {
        transition-delay: 1.15s;
        -moz-transition-delay: 1.15s;
        -o-transition-delay: 1.15s;
        -webkit-transition-delay: 1.15s;
    }

    .delay-9 {
        transition-delay: 1.2s;
        -moz-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
    }

    .delay-10 {
        transition-delay: 1.25s;
        -moz-transition-delay: 1.25s;
        -o-transition-delay: 1.25s;
        -webkit-transition-delay: 1.25s;
    }

    .delay-11 {
        transition-delay: 1.3s;
        -moz-transition-delay: 1.3s;
        -o-transition-delay: 1.3s;
        -webkit-transition-delay: 1.3s;
    }
}