.brand-logo-link{
    display:flex;
    align-items:center;
    text-decoration:none;
    flex:0 0 auto;
}

.brand-logo-header{
    display:block;
    width:auto;
    height:42px;
    max-width:250px;
    object-fit:contain;
}

.login-logo{
    display:block;
    width:min(100%, 440px);
    height:auto;
    margin:0 auto 22px;
}

.document-logo{
    display:block;
    width:auto;
    height:52px;
    max-width:250px;
    object-fit:contain;
}

@media(max-width:900px){
    .brand-logo-header{
        height:36px;
        max-width:190px;
    }
}

@media(max-width:650px){
    .brand-logo-header{
        height:34px;
        max-width:150px;
    }

    .login-logo{
        width:min(100%, 340px);
    }
}