.user-login-wrapper .layout-wrapper,
.user-login-wrapper .layout-wysiwyg {
  margin: 0;
  padding: 0;
  width: auto; }
  .user-login-wrapper .layout-wrapper-user,
  .user-login-wrapper .layout-wysiwyg-user {
    background: #58c5c7;
    margin-top: 55px;
    padding: 32px; }

@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  .user-login-wrapper {
    padding-bottom: 28px;
    padding-top: 28px; } }

@media only screen and (min-width: 768px) {
  .user-login-wrapper {
    display: grid;
    grid-gap: 64px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 55px;
    padding-top: 55px; }
    .user-login-wrapper .layout-wrapper-user {
      margin-top: -32px; } }

.user-login-forms .layout-wrapper h2,
.user-login-forms .layout-wrapper .h-level-2 {
  margin-bottom: 16px; }
  .user-login-forms .layout-wrapper h2 + p,
  .user-login-forms .layout-wrapper .h-level-2 + p {
    margin-top: 0; }

.user-login-forms .form-item .description {
  display: none; }

.user-login-forms p.outro {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 28px; }

@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  .user-login-forms {
    margin-top: 28px; } }

@media only screen and (min-width: 768px) {
  .user-login-forms {
    margin-top: 55px; } }

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