@keyframes hop {
  0% {
    transform: translate(-50%, 0px);
}
  50% {
    transform: translate(-50%, 25px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}

@-moz-keyframes hop {
  0% {
    transform: translate(-50%, 0px);
}
  50% {
    transform: translate(-50%, 25px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}

@-webkit-keyframes hop {
  0% {
    transform: translate(-50%, 0px);
}
  50% {
    transform: translate(-50%, 25px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}

@-o-keyframes hop {
  0% {
    transform: translate(-50%, 0px);
}
  50% {
    transform: translate(-50%, 25px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}