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;
  top: 0px;
  left: 0px;
}
.cta{
  width: 260px;
  height: 46px;
  position: absolute;
  z-index: 5;
  top: 381px;
  left: 0px;
  right: 0;
  background-image: url("../img/cta.png");
  animation: press 2s infinite;
  margin: 0 auto;
}
@keyframes press {
  0% {
  transform: scale(1.0);}
  50% {
    transform: scale(1.1);}
}