.press {
    padding: 4em 15%;
    padding-top: calc(var(--header-height) + 4rem) !important;
}

.press h2 {
    font-size: 2.5em;
    color: #4B4133;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    margin-bottom: 1em;
}

.logos {
    display: flex;
    gap: 4em;
    justify-content: center;
    align-items: center;
    margin-top: 4em;
}

.logos img {
    height: 75px;
    object-fit: contain;
    opacity: 0.5;
}

.logos img:hover {
    opacity: 1;
    transform: scale(1.05);
}

@media only screen and (max-width: 865px) {
    .press {
        padding-left: 10%;
        padding-right: 10%;
    }

    .logos {
        flex-direction: column;
        gap: 2em;
    }
}