.logo-list_wrapper {
    background: linear-gradient(to right,#f4eddc 0,#f4eddc 33.35%,#fbf7ef 33.35%,#fbf7ef 100%);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 50px 0px 100px 0px;
}

.logo-list_title {
    display: block;
    position: relative;
    width: 100%;
    font-size: 3.4rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 50px 0;
    z-index: 10;
    text-align: center;
}

.logo-list_container {
    margin-top: 50px;
    width: 80%;
    /**
   * User input values.
   */
    --grid-layout-gap: 50px;
    --grid-column-count: 4;
    --grid-item--min-width: 100px;
    /**
   * Calculated values.
   */
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
}

.logo-container {
    display: flex;
    align-items: center;
}

.logo-link {
    cursor: pointer;
}

.logo-image {
    display: block;
    width: 100%;
}

@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width:991px) {
}

@media screen and (max-width:880px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width:639px) {
}

@media screen and (max-width: 425px) {
}