html, body {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    max-width: 320px;
    max-height: 480px;
}
.conteiner{
  width: 320px;
  position: relative;
  margin:0 auto;
  height: 480px;
  animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari & Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.clickTag{
  width: 320px;
  height: 480px;
  position: absolute;
  z-index: 3;
  bottom: 19px;
  top: 0px;
  left: 0px;
}
.cta{
  position: absolute;
  width: 203px;
  height: 43px;
  background-image: url("../img/cta.png");
  top: 390px;
  left: 64px;
  animation: press 2s infinite;
}
@keyframes press {
  0% {
  left: 64px;}
  50% {
    left: 74px;}
  100% {
    left: 64px;}
}

.CtaLanding{
  position: absolute;
  width: 320px;
  height: 480px;
  z-index: 1;

}