@keyframes  fade-in {
        0%      {opacity: 0;}
        100%    {opacity: 1;}
}

    @-moz-keyframes  fade-in {
        0%      {opacity: 0;}
        100%    {opacity: 1;}
    }

    @-o-keyframes fade-in {
        0%      {opacity: 0;}
        100%    {opacity: 1;}
    }

    @-webkit-keyframes fade-in {
        0%      {opacity: 0;}
        100%    {opacity: 1;}
    }




.fade-in {
    animation-name: fade-in; /*we created this class name*/
        -moz-animation-name: fade-in;
        -o-animation-name: fade-in;
        -webkit-animation-name: fade-in;
    animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        -webkit-animation-duration: 1s;
    animation-fill-mode: backwards;
        -moz-animation-fill-mode: backwards;
        -o-animation-fill-mode: backwards;
        -webkit-animation-fill-mode: backwards;
}

 #hero-text {
        animation-delay: 3s;
            -moz-animation-delay: 3s;
            -o-animation-delay: 3s;
            -webkit-animation-delay: 3s;
    }

    .fade-two {
        animation-delay: 1s;
            -moz-animation-delay: 1s;
            -o-animation-delay: 1s;
            -webkit-animation-delay: 1s;
    }

    .fade-three {
        animation-delay: 2s;
            -moz-animation-delay: 2s;
            -o-animation-delay: 2s;
            -webkit-animation-delay: 2s;
    }

    .fade-four {
        animation-delay: 3s;
            -moz-animation-delay: 3s;
            -o-animation-delay: 3s;
            -webkit-animation-delay: 3s;
    }

    .fade-five {
        animation-delay: 4s;
            -moz-animation-delay: 4s;
            -o-animation-delay: 4s;
            -webkit-animation-delay: 4s;
    }

    .fade-six {
        animation-delay: 5s;
            -moz-animation-delay: 5s;
            -o-animation-delay: 5s;
            -webkit-animation-delay: 5s;
    }
    
    .fade-seven {
        animation-delay: 6s;
            -moz-animation-delay: 6s;
            -o-animation-delay: 6s;
            -webkit-animation-delay: 6s;
    }

    .fade-eight {
        animation-delay: 7s;
            -moz-animation-delay: 7s;
            -o-animation-delay: 7s;
            -webkit-animation-delay: 7s;
    }