/*Animation*/
@media screen and (min-width: 640px) {
    
* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/**/

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

/**/

.fadeInLeft,
.main-img {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

/**/

.fadeInRight,
h1,
h2,
h3 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

/**/

.fadeInDown, a.phone {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

/**/

.fadeInUp,
.input-container,
.button {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

/**/

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOut {
    from {-webkit-transform: scale(0.85);transform: scale(0.85);opacity: 0;}
    to {-webkit-transform: none;transform: none;opacity: 1;}
}
@keyframes zoomOut {
    from {-webkit-transform: scale(0.85);transform: scale(0.85);opacity: 0;}
    to {-webkit-transform: none;transform: none;opacity: 1;}
}
/**/
h1 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
h2 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.input-container {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}
.button {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;    
}

}