.page {
    margin-bottom: 128px
}




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

.content .grid {
    display: grid;
    grid-gap: 37px 80px;
    grid-template-columns: repeat(2, 1fr);
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.content .grid .media {
    margin-bottom: 22px;
}

.content .grid h3 {
    margin: 0 0 5px;
}

.content .grid p {
    margin: 0;
}




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


@media (max-width: 1307px) {
    .content .grid {
        grid-gap: 29px 56px;
    }

    .content .grid .media {
        margin-bottom: 21px;
    }

    .content .grid h3 {
        margin-bottom: 3px;
    }
}


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

    .content .grid {
        grid-column-gap: 32px;
    }
}


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

    .content {
        padding: 48px 0 38px;
    }

    .content .grid {
        display: block;
    }

    .content .grid li:not(:last-child) {
        margin-bottom: 22px;
    }

    .content .grid .media {
        margin-bottom: 18px;
    }
}