#logoparte1{
    width: 10%;
    margin-top: 20%;
    margin-left: 40%;
    position: absolute;
    /*easesuave*/
    animation: logo 1500ms ease infinite;
    -webkit-animation: logo 1500ms ease infinite;

}

#logoparte2{
    width: 11%;
    margin-top: 19.5%;
    margin-left: 45%;
    position: absolute;
    animation: logo2 1500ms ease infinite;
    -webkit-animation: logo2 1500ms ease infinite;

}

@keyframes logo{
    0%{
        margin-left: 40%;
    }
    50%{
        margin-left: 20%; 
    }
    100%{
        margin-left: 40%;
    }
    
}

@keyframes logo2{
    from{
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
}

}