video{
  width: 100%;
  vertical-align: bottom;
}


img{
  width: 100%;
  vertical-align: bottom;

}

body{
  width: 100vw;
  height: 100vh;
  max-width: 540px;
  margin: 0 auto;
}

.end__btn{
  position: fixed;
  bottom: 4%;
  text-align: center;
  animation: yureru 2s infinite;
}

.end__btn img{
  width: 90%;
  margin: 0 auto;
}

.animate__bounceInUp{
  animation-delay: 12s;
}


@keyframes yureru {
  0% {
      transform: translate(0px, 2px);
  }
  5% {
      transform: translate(0px, -2px);
  }
  10% {
      transform: translate(0px, 2px);
  }
  15% {
      transform: translate(0px, -2px);
  }
  20% {
      transform: translate(0px, 2px);
  }
  25% {
      transform: translate(0px, -2px);
  }
  30% {
      transform: translate(0px, 0px);
  }
}

footer{
  color: #fff;
  background: #111;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  padding: 3% 0;
max-width:500px;
}

@media screen and (min-width: 600px){
  body{
    max-width: 750px;
  }

  video{
    width: 750px;
    height: auto;
  }

  img{
    max-width: 700px;
  }

  footer{
    max-width: 750px;
  }

}