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

.logo {background-image: url(images/logo-OPAL-Exam.svg);}
.login .logo {background-image: url(images/logo-OPAL-Exam-login@2x.png); background-size: auto 150px;}

.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: 500px) {
	.login.page {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(images/demo-ea-back.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@2x.jpg) top center no-repeat fixed var(--main-theme-color-50); background-size: cover;}
}