html {
	height:100%;
}
body {
  margin:0;
  height:100%;
  overflow: hidden;
}
.conteiner{
  width: 320px;
  position: relative;
  margin: 0 auto;
  height: 480px;
  overflow: hidden;
}
.bg {
  position: absolute;
  display: block;
  height: 480px;
  width: 320px;
  background-image: url(../img/fondo01.jpg);
}

.jara{
  position: absolute;
  display: block;
  height: 230px;
  width: 175px;
  background-image: url(../img/jarra.png);
  top: 210px;
  left: 78px;
}
.button{
  position: absolute;
  display: block;
  height: 60px;
  width: 175px;
  background-image: url(../img/button-empieza.png);
  top: 423px;
  left: 78px;
  animation: pulse 3s ease infinite;
}
@keyframes pulse {
  0%   { opacity: 0.7; }
  50% { opacity: 1; }
  100%   { opacity: 0.7; }
}