/* desktop */

@media only screen and (min-width: 768px) {
  .--hide-desktop {
    display: none;
  }

  .--hide-mobile {
    display: block;
  }

  .__totp-auth img {
    width: 145px;
    height: auto;
    border-radius: 4px;
  }
}

/* tablet */

@media only screen and (max-width: 1110px) {
  main {
    flex-wrap: wrap;
  }

  section.login,
  section.info {
    flex: 1 1 100%;
  }

  .__form-login {
    margin: 60px 0px;
  }

  /* testmode */
  .testmode-wrapper {
    flex: 0 0 100%;
    background-color: var(--charcoal-grey);
    justify-content: center;
  }

  .testmode-wrapper .__testmode {
    width: 60%;
    align-self: center;
  }
}

/* mobile */

@media only screen and (max-width: 767px) {
  .--user-promotion .__title-img {
    width: 90%;
  }

  .--hide-desktop {
    display: block;
  }

  .--hide-mobile {
    display: none;
  }

  .testmode-wrapper .__testmode {
    width: 100%;
    align-self: center;
  }

  .__totp-auth img {
    width: 140px;
    height: auto;
    border-radius: 4px;
  }

  .btn-copy {
    background-color: #363e51;
    color: #fff;
    height: 42px;
  }

  .btn-copy:hover {
    color: #fff;
  }
}