.login-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-card img {
  display: block;
  width: 210px;
  height: 185px;
  margin: 0 auto 4px;
  object-fit: contain;
}

.login-card > .eyebrow,
.login-card h1,
.login-card > p {
  width: 100%;
  text-align: center;
}

.login-card > .eyebrow {
  display: block;
  margin-top: 0;
}

.login-card .field,
.login-card .pay-btn {
  width: 100%;
}

.login-card .field {
  text-align: left;
}

@media (max-width: 560px) {
  .login-card img {
    width: 180px;
    height: 155px;
  }
}