.card {
  margin: 20vh auto 0 auto;
  max-width: 100%;
  width: 500px; }
  @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
    .card {
      margin-top: 0; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) {
    .card {
      margin-top: 0; } }

#login-form {
  margin-top: 20px; }