.flex{
    display:flex;
}
.logo {
    width: 100%;
}

    .logo .customer-logo {
/*        display: contents;*/
    }

        .logo .customer-logo img {
            height: 35px;
            width: auto;
            max-width: 150px;
            margin: 5px 0px 0px 0px;
            float: left;
        }

    .logo .navbar-brand {
        margin: auto;
        float: left;
    }
    .logo .socials-container {
        float: right;
    }
    .logo .socials {
        display: none;
        float: right;
    }

        .logo .socials img {
            width: 25px;
            height: 25px;
            margin: 10px 10px 0px 0px;
        }


    .logo .qrlogo {  
    }

        .logo .qrlogo img {
            height: 35px;
            width: auto;
            max-width: 150px;
        }