#csig{
    position: absolute ;
    top: 3%;
    left: 60%;

}

.csig {
    -webkit-animation: girocsig 10s infinite; /* Safari 4+ */
    -moz-animation:    girocsig 10s infinite; /* Fx 5+ */
    -o-animation:      girocsig 10s infinite; /* Opera 12+ */
    animation:         girocsig 10s infinite; /* IE 10+, Fx 29+ */
    animation-timing-function: linear;

}



@-moz-keyframes girocsig {
    to {
        transform:rotate(0deg);
    }
    from {
        transform:rotate(360deg);
    }  
}
@-webkit-keyframes girocsig {
    to {
        transform:rotate(0deg);
    }
    from {
        transform:rotate(360deg);
    }  
}
@keyframes girocsig{
    to {
        transform:rotate(-20deg);
    }
    from {
        transform:rotate(340deg);
    }      
}










@media (max-width: 991px) {

    #csig{
        position: absolute ;
        top: -2%;
        left: 90%;
    
    }

    @keyframes girocsig{
        to {
            transform:rotate(-22deg);
        }
        from {
            transform:rotate(338deg);
        }      
    }
}



@media (max-width: 767px) {  

    #csig{
        position: absolute ;
        top: 6%;
        left: 55%;
    
    }

    @keyframes girocsig{
        to {
            transform:rotate(-1deg);
        }
        from {
            transform:rotate(359deg);
        }      
    }

    
}



@media (max-width: 426px) {

    #csig{
        position: absolute ;
        top: 8%;
        left: 56%;
    
    }

    @keyframes girocsig{
        to {
            transform:rotate(-13deg);
        }
        from {
            transform:rotate(347deg);
        }      
    }
}


@media (max-width: 376px) {

    #csig{
        position: absolute ;
        top: 6%;
        left: 56%;
    
    }

    @keyframes girocsig{
        to {
            transform:rotate(-22deg);
        }
        from {
            transform:rotate(338deg);
        }      
    }

}