.page {
    margin-bottom: 128px
}




.gallery {
    background-color: var(--color--anti-flash-white);
    padding: 64px 0;
}

.gallery .grid {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(4, 1fr);
}




@media (max-width: 1307px) {
    .page {
        margin-bottom: 96px;
    }
}


@media (max-width: 1199px) {
    .page {
        margin-bottom: 85px;
    }

    .gallery .grid {
        grid-gap: 4px;
    }
}


@media (max-width: 1024px) {
    .page {
        margin-bottom: 56px
    }

    .gallery {
        padding: 48px 0;
    }

    .gallery .grid {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
        max-width: 360px;
    }
}