#unipass-iframs-wrapper {
  margin-top: -68vw;
  margin-left: -4vw;
  position: relative;
}
#unipass-iframs-container {
  transform: scale(1.4) translateY(40%);
}
.login-up-text {
  width: 40vw;
  height: auto;
  display: inline-block;
  transform: translateX(100%) translateY(10%);
  z-index: 1000;
  position: absolute;
}
.pre-connect-button {
  margin: 110rem auto 0;
  width: 48rem;
  height: 18rem;
  text-align: center;
}

@media only screen and (max-width: 790px) {
  #unipass-iframs-wrapper {
    width: 400px;
    height: 120px;
    margin-top: 153vw;
  }
  #unipass-iframs-container {
    margin-top: -238vw;
    margin-left: 2vw;
    transform: scale(0.38) translateX(-4%) translateY(-30%);
  }
  .login-up-text {
    width: 50vw;
    height: auto;
    display: inline-block;
    transform: translateX(80%) translateY(86%);
    z-index: 1000;
    position: absolute;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  #unipass-iframs-wrapper {
    margin-top: -67vw;
    margin-left: 10vw;
  }
  #unipass-iframs-container {
    transform: scale(0.9) translateX(1%) translateY(20%);
  }
  .pre-connect-button {
    margin: 14.4rem auto 0;
    width: 30rem;
    height: 10rem;
    text-align: center;
  }
  .reward-text {
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 248px;
    z-index: 1000;
    position: absolute;
  }
}

@media only screen and (max-width: 1630px) and (min-width: 1024px) {
  #unipass-iframs-wrapper {
    margin-top: -67vw;
    margin-left: 10vw;
  }
  #unipass-iframs-container {
    transform: scale(0.9) translateX(1%) translateY(20%);
  }
  .login-up-text {
    width: 50vw;
    height: auto;
    display: inline-block;
    transform: translateX(100%) translateY(-140%);
    z-index: 1000;
    position: absolute;
  }
}
@media only screen  and (min-width: 1630px) {
  #unipass-iframs-wrapper {
    margin-top: -60vw;
    margin-left: 15vw;
  }
  #unipass-iframs-container {
    transform: scale(0.9) translateX(1%) translateY(20%);
  }
  .login-up-text {
    width: 50vw;
    height: auto;
    display: inline-block;
    transform: translateX(100%) translateY(-140%);
    z-index: 1000;
    position: absolute;
  }
}