.ronald{
    bottom: 180px;
    right: 0;
}
.rburguesas{
    top: 80px;
    left: -40%;
    
    animation: burguerFrames linear 20s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: burguerFrames linear 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: burguerFrames linear 20s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -ms-animation: burguerFrames linear 20s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}
.happy{
  animation: happyFrames linear 15s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: happyFrames linear 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: happyFrames linear 15s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -ms-animation: happyFrames linear 15s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  z-index: 10;
}
.happy_back{
  animation: happyReversedFrames linear 15s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: happyReversedFrames linear 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: happyReversedFrames linear 15s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -ms-animation: happyReversedFrames linear 15s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  z-index: 10;
}

/*  ALL FRAMES */

/*HAPPY*/
@keyframes happyFrames{0%{transform:translate(-100%,420px)}30%,99.9%{transform:translate(600%,420px)}100%{transform:translate(-100%,420px)}}@-moz-keyframes happyFrames{0%{-moz-transform:translate(-100%,420px)}30%,99.9%{-moz-transform:translate(600%,420px)}100%{-moz-transform:translate(-100%,420px)}}@-webkit-keyframes happyFrames{0%{-webkit-transform:translate(-100%,420px)}30%,99.9%{-webkit-transform:translate(600%,420px)}100%{-webkit-transform:translate(-100%,420px)}}@-ms-keyframes happyFrames{0%{-ms-transform:translate(-100%,420px)}30%,99.9%{-ms-transform:translate(600%,420px)}100%{-ms-transform:translate(-100%,420px)}}
/*RBUGUER*/
@keyframes burguerFrames{0%{transform:translate(-40%,50px) scale(1)}30%{transform:translate(600%,120px) scale(1)}30.1%{transform:translate(600%,120px) scale(-1)}60%,99.9%{transform:translate(-40%,50px) scale(-1)}100%{transform:translate(-40%,50px) scale(1)}}@-moz-keyframes burguerFrames{0%{-moz-transform:translate(-40%,50px) scale(1)}30%{-moz-transform:translate(600%,120px) scale(1)}30.1%{-moz-transform:translate(600%,120px) scale(-1)}60%,99.9%{-moz-transform:translate(-40%,50px) scale(-1)}100%{-moz-transform:translate(-40%,50px) scale(1)}}@-webkit-keyframes burguerFrames{0%{-webkit-transform:translate(-40%,50px) scale(1)}30%{-webkit-transform:translate(600%,120px) scale(1)}30.1%{-webkit-transform:translate(600%,120px) scale(-1)}60%,99.9%{-webkit-transform:translate(-40%,50px) scale(-1)}100%{-webkit-transform:translate(-40%,50px) scale(1)}}@-ms-keyframes burguerFrames{0%{-ms-transform:translate(-40%,50px) scale(1)}30%{-ms-transform:translate(600%,120px) scale(1)}30.1%{-ms-transform:translate(600%,120px) scale(-1)}60%,99.9%{-ms-transform:translate(-40%,50px) scale(-1)}100%{-ms-transform:translate(-40%,50px) scale(1)}}
/*HAPPY REVERSED*/
@keyframes happyReversedFrames{0%{transform:translate(600%,420px) scaleX(-1)}30%,99.9%{transform:translate(-100%,420px) scaleX(-1)}100%{transform:translate(600%,420px) scaleX(-1)}}@-moz-keyframes happyReversedFrames{0%{-moz-transform:translate(600%,420px) scaleX(-1)}30%,99.9%{-moz-transform:translate(-100%,420px) scaleX(-1)}100%{-moz-transform:translate(600%,420px) scaleX(-1)}}@-webkit-keyframes happyReversedFrames{0%{-webkit-transform:translate(600%,420px) scaleX(-1)}30%,99.9%{-webkit-transform:translate(-100%,420px) scaleX(-1)}100%{-webkit-transform:translate(600%,420px) scaleX(-1)}}@-ms-keyframes happyReversedFrames{0%{-ms-transform:translate(600%,420px) scaleX(-1)}30%,99.9%{-ms-transform:translate(-100%,420px) scaleX(-1)}100%{-ms-transform:translate(600%,420px) scaleX(-1)}}