/* FORTE_MOBILE_V11
   Deliberately loaded LAST.
   Desktop is untouched.
*/

@media (max-width: 700px) {

  /* Login block: raise by ~1.5 input heights */
  .auth {
    position: fixed !important;

    left: 50% !important;
    right: auto !important;

    bottom: calc(11vh + 81px) !important;

    width: min(384px, calc(100vw - 48px)) !important;
    max-width: 384px !important;

    margin: 0 !important;
    transform: translateX(-50%) !important;

    z-index: 3 !important;
  }

  /* FORTE VPN: 2x previous mobile size + ~0.5cm lower */
  #forte-vpn-overlay {
    position: fixed !important;

    left: 50% !important;
    top: 37px !important;

    width: 94vw !important;
    max-width: none !important;

    transform: translateX(-50%) !important;

    z-index: 1 !important;
  }
}