.enter:before { background: url('lipschule-bg.jpg') no-repeat center center; background-size: cover; }

.enter > .document > .logo              { width: 200px; height: 105px; background: url('logo-w.png') no-repeat center center; background-size: contain; }
.enter > .document > .logo              { top: 0; transform: translate(0, 0); }
.enter .modal-form > .container > .logo { width: 200px; height: 105px; background: url('logo.png') no-repeat center center; background-size: contain; }
.enter .modal-form > .container > .logo { display: block; max-width: 100%; }

header.main > .logo { width: 160px; height:  60px; background: url('logo.png') no-repeat center center; background-size: contain; }
header.main > .logo { margin-top: 0; margin-bottom: 0; }

@media screen and (max-width: 640px) {
    .enter > .document > .logo { left: 10px; }
}