@media only screen and (max-width: 800px) {
  .logo-container {
    margin-top: 25%;
  }

  body .wrapper form .help {
    position: unset;
    margin-top: 1em;
    margin-bottom: 2em;
  }

  body .wrapper form .help a, body .wrapper form .help a:hover {
    color: var(--color-primary-lighter);
  }
}
body .wrapper .help {
  top: 50%;
  right: 2.5em;
  position: absolute;
}

.login {
  background: var(--w-color-white);
  color: var(--w-color-white);
}

.login .logo-container {
  display: flex;
  justify-content: center;
  background-color: white;
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 1em;
}

.logo-container img {
  max-height: 300px;
}

.login .content-wrapper {
  max-width: 50rem;
  background: var(--w-color-primary);
  margin: 0 !important;
}

.login h1 {
  color: var(--w-color-white);
}

.login .content-wrapper input {
  padding: 1em 20px;
}

.login .content-wrapper input {
  padding: 1em 20px !important;
}

.full .iconfield .input::before {
  display: none !important;
}

.login .fields li.full {
  padding: 1em 0;
  width: 100%;
}

.full {
  margin: 0 !important;
}

.help a {
  color: var(--w-color-secondary-600) !important;
}

.login .help {
  position: unset !important;
  margin: 0;
}

li.submit {
  padding: 1em 0;
}

/*# sourceMappingURL=login.css.map */