.login-form{display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:980px;margin:0;box-shadow:rgba(0,0,0,0.5) 0 0 1.5em}.login-form .picture{position:relative;width:100%;height:25vw;min-height:150px}.login-form .picture .logo{display:flex;justify-content:space-between;position:absolute;box-sizing:border-box;width:100%;margin:1.2em 0 0 0;padding:.8em .8em .7em .8em;background:rgba(0,0,0,0.85)}.login-form .picture .logo img{width:8em}.login-form .picture .logo span{margin:.05em 0 0 0;font-size:1.3em;color:white}.login-form .picture picture img{aspect-ratio:1;display:block;width:100%;height:100%;object-fit:cover}.login-form .picture .credits{position:absolute;bottom:.3em;right:.4em;padding:.5em .75em;background:#00000044;font-size:.7em;font-weight:500;color:#ccc}.login-form .form-holder{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:1em;background:#fff}.login-form .form-holder .form-info,.login-form .form-holder .form-errors{margin-left:-1em;margin-right:-1em}@media (min-width: 736px){.login-form .form-holder .form-info,.login-form .form-holder .form-errors{margin-left:-2em;margin-right:-2em}}.login-form .form-holder form{max-width:30em}@media (min-width: 736px){.login-form{position:static;flex-direction:row;width:calc(100% - 3em);margin:1.5em 1.5em 2em 1.5em;border-radius:1em}.login-form .picture{flex:1 1 35%;height:auto;margin-right:-1px}.login-form .form-holder{flex:1 1 65%;padding:1em 2em}}@media (min-width: 980px){.login-form{width:calc(100% - 4em);margin:2em;box-shadow:rgba(0,0,0,0.5) 0 0 2em}}