#page-login {display: flex; flex-wrap: wrap;}
#page-login .login-section {height: 100vh;}
#page-login .login__body {display: flex; flex-wrap: wrap; align-content: center; padding: var(--container-gutter);}
#page-login .login__body > * {flex: 1 0 100%;}
#page-login .login__body h1 {font-size: 4.2857em;}
#page-login .login__body .brand {margin-bottom: 2.8571rem; width: 11.4285rem;}
#page-login .login__body .login__form {margin-bottom: var(--space-40);}
#page-login .login__image {position: relative;}
#page-login .login__image h2 {color: var(--color-white); font-size: 7.1428em; left: 50%; max-width: 60%; position: absolute; top: 50%; text-align: center; transform: translate(-50%,-50%)}
#page-login .login__image img {display: block; height: 100%; object-fit: cover; width: 100%;}


@media screen and (min-width: 1601px) {
  
}

@media screen and (min-width: 1181px) {
  
}

@media screen and (min-width: 769px) {
  
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
  
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  
}

@media screen and (max-width: 768px) {
  
}