
#cfirma{
    position: absolute ;
    top: 44%;
    left: 15%;

}

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

}

 

@-moz-keyframes girocfirma {
    to {
        transform:rotate(349deg);
    }
    from {
        transform:rotate(-11deg);
    } 
}
@-webkit-keyframes girocfirma {
    to {
        transform:rotate(349deg);
    }
    from {
        transform:rotate(-11deg);
    } 
}
@keyframes girocfirma{
    to {
        transform:rotate(354deg);
    }
    from {
        transform:rotate(-6deg);
    }    
}





@media (max-width: 991px) {

    #cfirma{
        position: absolute ;
        top: 46%;
        left: 22%;
    
    }

    @keyframes girocfirma{
        to {
            transform:rotate(323deg);
        }
        from {
            transform:rotate(-37deg);
        }    
    }

}



@media (max-width: 767px) {  

    #cfirma{
        position: absolute ;
        top: 46%;
        left:14%;
    
    }

    @keyframes girocfirma{
        to {
            transform:rotate(316deg);
        }
        from {
            transform:rotate(-44deg);
        }    
    }


    
}



@media (max-width: 426px) {
    #cfirma{
        position: absolute ;
        top: 42%;
        left:14%;
    
    }

    @keyframes girocfirma{
        to {
            transform:rotate(318deg);
        }
        from {
            transform:rotate(-42deg);
        }    
    }
}


@media (max-width: 376px) {

    #cfirma{
        position: absolute ;
        top: 44%;
        left:14%;
    
    }

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

}



