html, body {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    max-width: 320px;
    max-height: 480px;
}

.conteiner{
  position: relative;
  margin: 0 auto;
  height: 480px;
  width: 320px;
}

.bg01 {
  position: absolute;
  height: 480px;
  width: 320px;
  background: url('../img/01.gif');
}


.text {
  position: absolute;
  height: 70px;
  width: 265px;
  background: url('../img/texto_02.png');
  z-index: 10;
  left: 30px;
  top: 10px;
}
.text_legal {
  position: absolute;
  height: 23px;
  width: 320px;
  background: url('../img/texto_legal.png');
  z-index: 10;
  left: 0;
  opacity: 1;
  bottom: 5px;
}
.logo {
  position: absolute;
  height: 24px;
  width: 71px;
  background: url('../img/logo_cinfa.png');
  z-index: 10;
  bottom: 25px;
  right: 10px;
  opacity: 0;
}

.backgroundVideo{
  width: 320px;
  height: 480px;
  background: #0b0a0a52;
  position: absolute;
  opacity: 0;
}

.video {
  position: absolute;
  opacity: 0;
  top: -50px;
}

video{
  height: 180px;
  position: absolute;
  top: 215px;
  z-index: 15;
}

.mute-video {
  background: url(../img/stop.png) no-repeat center;
  background-size: 32px;
  border: 0;
  width: 320px;
  height: 181px;
  text-indent: -999px;
  position: absolute;
  top: 215px;
  left: 0px;
  z-index: 16;
  background-position: 20px 140px;
  z-index: 99;
}
.unmute-video {
    background:url(../img/play.png) no-repeat center;
    background-position: 20px 140px;
    background-size:32px;
    z-index: 16;
    z-index: 99;
}

.clickTag{
  width: 320px;
  height: 480px;
  position: absolute;
  z-index: 9;
  bottom: 19px;
  top: 0px;
  left: 0px;
}