
    .sponsors-footer {
        background-color: #F4F4F4;
        padding: 30px 0px 30px calc((15 / 375) * 100vw);
    }

    .sponsors-footer .primary-sponsors,
    .sponsors-footer .secondary-sponsors,
    .sponsors-footer .tertiary-sponsors {
        display: flex;
        overflow: scroll;
        column-gap: calc((25 / 375) * 100vw);
    }

    .sponsors-footer .secondary-sponsors {
        margin: 30px 0px;
    }

    .sponsors-footer .primary-sponsors a:not(:hover) img,
    .sponsors-footer .secondary-sponsors a:not(:hover) img,
    .sponsors-footer .tertiary-sponsors a:not(:hover) img {
        filter: grayscale(1) opacity(0.3);
        opacity: 1;
    }

    .sponsors-footer .primary-sponsors a img {
        min-width: 90px;
        height: 90px;
    }

    .sponsors-footer .secondary-sponsors a img {
        min-width: 70px;
        height: 70px;
    }

    .sponsors-footer .tertiary-sponsors a img {
        min-width: 50px;
        height: 50px;
    }

    @media(min-width:768px) {
        .sponsors-footer {
            padding: 30px calc((43 / 1366) * 100vw);
        }

        .sponsors-footer .primary-sponsors,
        .sponsors-footer .secondary-sponsors,
        .sponsors-footer .tertiary-sponsors {
            justify-content: center;
            column-gap: calc((40 / 1366) * 100vw);
        }

        .sponsors-footer .secondary-sponsors {
            margin: 20px 0px;
        }

        .sponsors-footer .primary-sponsors a img {
            /* width: 100px; */
            height: 100px;
        }

        .sponsors-footer .secondary-sponsors a img {
            width: auto;
            /* height: 80px; */
        }

        .sponsors-footer .tertiary-sponsors a img {
            /* width: 60px; */
            height: 40px;
        }
    }


