section.subheader-section {
    .brandlogo .container-main {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .brandrow .brandcol {
        background: #f0efff;
        padding: 16px;
        border-radius: 8px;
        margin: 0 5px;
    }

    .brandrow .brandcol img {
        max-height: 44px;
        filter: grayscale(100%);
        opacity: .6;
    }

    .brandrow .brandcol:hover img {
        max-height: 44px;
        filter: grayscale(0%);
        opacity: 1;
    }

    .aboutrow {
        line-height: 26px;
        text-align: center;
    }
    .aboutsection {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .brandrow {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .brandlogo {
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .brandcol {
        background: rgba(255,255,255 ,0.4);
        padding: 10px;
        border-radius: 3px;
    }
}