#ctrib{
    position: absolute ;
    top: 3%;
    left: 30%;

}

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

}



@-moz-keyframes giroctrib {
    to {
        transform:rotate(-22deg);
    }
    from {
        transform:rotate(338deg);
    }    
}
@-webkit-keyframes giroctrib {
    to {
        transform:rotate(-22deg);
    }
    from {
        transform:rotate(338deg);
    }  
}
@keyframes giroctrib{
    to {
        transform:rotate(-33deg);
    }
    from {
        transform:rotate(327deg);
    }    
}







@media (max-width: 991px) {
 
    #ctrib{
        position: absolute ;
        top: -2%;
        left: 45%;
    
    }

    @keyframes giroctrib{
        to {
            transform:rotate(-56deg);
        }
        from {
            transform:rotate(304deg);
        }    
    }
  

}



@media (max-width: 767px) {  


    #ctrib{
        position: absolute ;
        top: 6%;
        left: 28%;
    
    }

    @keyframes giroctrib{
        to {
            transform:rotate(-44deg);
        }
        from {
            transform:rotate(315deg);
        }    
    }
    
}





@media (max-width: 426px) {

    #ctrib{
        position: absolute ;
        top: 8%;
        left: 28%;
    
    }

    @keyframes giroctrib{
        to {
            transform:rotate(-51deg);
        }
        from {
            transform:rotate(309deg);
        }    
    }
}


@media (max-width: 376px) {


    #ctrib{
        position: absolute ;
        top: 6%;
        left: 28%;
    
    }

    @keyframes giroctrib{
        to {
            transform:rotate(-33deg);
        }
        from {
            transform:rotate(327deg);
        }    
    }

}