@-webkit-keyframes movimiento-diagonal {

    from {
      left: -250px;
    }

    to {
      left: 6%;
    }
 } 
	

#anim {
    /*-webkit-animation-name: movimiento-diagonal;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;*/
    /*para que vuelva a su posicion inicial */
  position:absolute; 
  top:150px;
  z-index:99;
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 24px;
  color: #554e58; 
  line-height: 35px;
  text-align: right;
  text-transform: uppercase; 
  background-image: url('../img/fons.png');
  padding: 15px;
  border-radius: 9px;
      --left: 6%;

}