.banner {
  width:var(--width);
  height:var(--height);
  border:1px solid var(--primary);
  background:#e6e1e1;
  overflow:hidden;
  box-sizing:border-box;
  font-family:var(--family);
}

.size {
  top:-1px;
  left:-1px;
  width:var(--width);
  height:var(--height);
}

.retina {
  background-size:contain !important;
  background-repeat:no-repeat !important;
}

#btn-exit {
  width:100%;
  height:100%;
  cursor:pointer;
  opacity:0;
}

#bg {
  background-image:url(../img/bg.jpg);
}

#square {
  background-image:url(../img/square.png);
}

#text1 {
  background-image:url(../img/text1.png);
  top:90px;
  opacity:0;
}

#text2 {
  background-image:url(../img/text2.png);
  top:90px;
  opacity:0;
}

#text3_1 {
  background-image:url(../img/text3_1.png);
  left:148px;
} 

#text3_2 {
  background-image:url(../img/text3_2.png);
  left:-297px;
}

.masks3 {
  width:175px;
  height:var(--height);
  overflow:hidden;
}

#text3_1_mask {
  left:-53px;
}

#text3_2_mask {
  left:122px;
}

#logo_animated {
  width:90px;
  height:90px;
  bottom:-1px;
  right:-91px;
}

#logos {
  background-image:url(../img/logos.png);
  top:20px;
  opacity:0;
}

#cta {
  background-image:url(../img/cta.png);
  top:20px;
  opacity:0;
}