body {
  background-color: #f7f9fb; }

.login-page .card-wrapper {
  width: 400px;
  margin: 5% auto; }

.login-area {
  background-color: #fff !important; }

.login-logo {
  padding: 1rem;
  text-align: center; }

.login-logo img {
  width: 250px; }

@media screen and (max-width: 425px) {
  .login-page .card-wrapper {
    width: 90%;
    margin: 8% auto; } }

@media screen and (max-width: 320px) {
  .login-page .card-wrapper {
    width: 90%;
    margin: 10% auto; }
  .login-page .card.fat {
    padding: 0; }
  .login-page .card.fat .card-body {
    padding: 15px; } }