        #float {
                    position: relative;
                    -webkit-animation: swooplogo 8s 2 normal ease-in ; 

                /* animation: name duration timing-function delay iteration-count direction fill-mode play-state;  */    
                    animation: swooplogo 8s 0s 2 normal ease-in inherit; 
                }

        @-webkit-keyframes swooplogo {
                    0% {
                        top:0px;
                    }
                    100% {
                        top: 400px;
                    }
                }

        @keyframes swooplogo {
                0% {
                    top:0px;
                    width:20%;           
                    opacity: 1.0;                   
                }

                60% {
                    top: 100px;
                    width:90%;
                }

                90% {
                     opacity: 1.0;
                }              

                100% {
                    top: 150px;
                    width:150%;
                    opacity: 0.0;
                }
        }



    @media only screen and (max-width: 992px) {

        #float {
                    position: relative;
                    -webkit-animation: swooplogo 8s 2  normal ease-in;

                /* animation: name duration timing-function delay iteration-count direction fill-mode play-state;  */    
                    animation: swooplogo 8s 0s 2 normal ease-in inherit; 
                }

        @-webkit-keyframes swooplogo {
                    0% {
                        top:-250px;
                    }
                    100% {
                        top: 400px;
                    }
                }

        @keyframes swooplogo {
                    0% {
                        top:-250px;
                        width:20%;
                        opacity: 1.0;                       
                    }

                    60% {
                        top: 60px;
                        width:80%;
                    }

                    90% {
                     opacity: 1.0;
                    }                    

                    100% {
                        top: 200px;
                        width:150%;
                        opacity: 0.0;
                    }
                }


        }