site/_src/_assets/styles/_sections/_section-partners.scss

.partner {
    text-align: center;
    display: block;
    box-shadow: none;
    max-width: 100px;
    margin: auto;
}


//
// All logos
//
.partner__logo {
    fill: $brand-main-blue-light;
    fill-opacity: .6;
    max-width: 100%;
    height: 20px; // need to hardcode some size to overwrite browser's default 150px height for SVGs

    @media ($screen-sm) {
        height: 30px;
    }
}


//
// Visual weight tweaks
//
// using transforms so we don't affect layout
// or have to hardcode any sizes
//
.partner__logo--interledger {
    transform: scale(1.2);
}

.partner__logo--recruit-technologies {
    transform: translateY(-.3rem);
}

.partner__logo--innogy {
    transform: scale(1.6);

    .stroke {
        fill: none;
        stroke: $brand-main-blue-light;
        stroke-width: 4px;
    }
}

.partner__logo--porsche {
    @media ($screen-sm) {
        transform: scale(1.2);
    }
}

.partner__logo--volkswagen {
    transform: scale(1.5);
}

.partner__logo--sicpa {
    transform: scale(1.8);
}

.partner__logo--darfchain {
    stroke: $brand-main-blue-light;
    opacity: .6;
    fill-opacity: 1;

    @media ($screen-sm) {
        transform: scale(1.1);
    }
}