html, body {
  background-color: #FFF;
}

body {
  padding: 50px;
}

.form-background {
  position: relative;
  height: 100%;
  background-repeat:no-repeat;
  background-size: contain;
  background-position: center;
}

.login {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 5px 5px 50px 10px #444444;
}

.login-screen {
  background-color: rgba(0,0,0,0);
}

.app-logo {
  width: unset !important;
  height: unset !important;
  margin-bottom: 1.5em;
}

.footer {
  position: absolute;
  left: 0;
  bottom: 0.25em;
  width: 100%;
  text-align: center;
}


/* mobile phone */
@media all and (max-width: 768px) {
  .background {
    height: 0;
  }
  .footer {
    display: none;
  }
}