.m__logos {}

.logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing__x__half); }

.logos .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 calc(20% - var(--spacing__x__half));
    max-width: calc(20% - var(--spacing__x__half));
    box-sizing: border-box; }

.logos .logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }

@media (max-width: 760px) {

    .logos .logo {
        flex: 1 1 calc(33.333% - var(--spacing__x__half));
        max-width: calc(33.333% - var(--spacing__x__half)); }

}