.login {
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  top:0;
  > div {
    min-width:300px;
    flex:0 0 auto;
  }
  h3 {
    margin-bottom:@grid-gutter-width;
  }
}
.login {
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  left:0;
  right:0;
  bottom:20%;
  top:0;
  > div {
    min-width:300px;
    flex:0 0 auto;
  }
  h3 {
    margin-bottom:@grid-gutter-width;
  }
}
Move the login form up from the center by 20%
Move the login form up from the center by 20%

This is closer to the users natrual line of sight
