/* Official MANN+HUMMEL artwork retains its intrinsic 132.865:49 ratio. */
#header { max-height: none; min-height: 54px; }
#header .container { display: flex; align-items: center; min-height: 54px; }
#header .client-logo { width: 100px; height: auto; }
.client-logo { display: inline-block; width: 133px; height: auto; padding: 6px 10px; background: #fff; vertical-align: middle; box-sizing: content-box; }
.overlay-logo .client-logo { width: 160px; height: auto; }
.client-login-logo { width: 240px; max-width: 100%; height: auto; }
.login-overlay { overflow-y: auto; z-index: 3; }
.login-overlay .login-header-container { height: 170px; border-top: 6px solid #008243; }
.login-overlay .login-header-overlay { position: absolute; height: 100% !important; pointer-events: none; }
@media (max-width: 600px) {
  #header .header_title { margin-left: 4px; padding-left: 8px; font-size: 1.1em; }
  .login-overlay .login-header-container { height: 120px; margin-bottom: 0; }
  .login-overlay .login-content-left { float: none; width: 100%; height: auto; border-right: 0; }
  .login-overlay .login-logo { width: 200px; margin: 20px auto; }
  .login-overlay .login-content-right { float: none; width: auto; padding: 0 24px 24px; }
}