.login-screen{
    justify-content: center;
    display: flex;
}

.login-items{
    width: max-content;
}

.login-box{
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 5px 5px;
    align-items: center;
}

.login-heading{
    grid-column: 1/3;
}

.login-error{
    grid-column: 2;
    color: var(--irc-red);
}

.login-option{
    text-align: right;
}

.login-input{
    width: 25em;
}


.fp-register-box{    
    display: grid;
    grid-template-columns: max-content;
    gap: 5px 5px;
    align-items: center;
    justify-content: center;
}

.login-iframe-div{
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {  /*Mobiles*/
    .login-items{
        width: 100%;
    }
    .login-box{
        grid-template-columns: 1fr;
    }
    .login-input, .login-option, .remember-me, .login-heading{
        grid-column: 1;
    }

    .login-option{
        text-align: left;
    }
    .login-error{
        grid-column: 1;
    }
}

.pw-reset{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }

  .pw-reset .pw-email{
    width: 100%;
  }
  
  .pw-reset .pw-submit{
    font-size: 14px;
    text-align: center;
    min-width: 300px;
  }