@import url(../basic_new/responsive.css);

@media (max-width: 599px) {
    .login-form {width: 100%;}
}

@media (min-width: 500px) {
    .login.page {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(images/demo-ea-back-md.jpg) top center no-repeat fixed var(--main-theme-color-50); background-size: cover;}
}

@media (min-width: 1000px) {
    .login.page {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(images/demo-ea-back.jpg) bottom left no-repeat fixed var(--main-theme-color-50); background-size: cover;}
}