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

.enter > .document > .logo              { width: 280px; height: 105px; background: url('logo.svg') no-repeat center center; background-size: contain; }
.enter > .document > .logo              { top: 0; transform: translate(0, 0); }

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

.enter .modal-form > .container > .logo {width: 280px; height: 105px; background: url('logo.svg') 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.svg') no-repeat center center; background-size: contain; }
header.main > .logo { margin-top: 0; margin-bottom: 0; flex-shrink: 0; }


/* official branding */

.modal-form.new .button.green { background-color: #053236; box-shadow: 0 8px 15px 0 #05323680; }

aside { background-color: #053236; }

aside > nav > ul > li a { background-color: #053236; }
aside > nav > ul > li > ul.subitems > li > a { background-color: #053236; }

aside > nav > ul > li form > button { background-color: #053236; }

.classowl-button.blue-ns { background-color: #053236; }

.button.btn1 { background-color: #053236; }