.contacts__info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr);
    gap: 20px
}

@media (min-width: 760px) {
    .contacts__info {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1200px) {
    .contacts__info {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        gap: 30px
    }
}

.distribution__alphabet {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 20px
}

@media (min-width: 760px) {
    .distribution__alphabet {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1200px) {
    .distribution__alphabet {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns:repeat(6, 1fr);
        gap: 30px
    }
}

.distribution__alphabet-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.distribution__alphabet-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.distribution__alphabet-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.distribution__alphabet-links a {
    color: var(--black-70);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.distribution__alphabet-links a:hover[href] {
    color: var(--primary)
}