.city-wrapper-heading {
    color: #000000;
    font: 500 28px/130% "Ubuntu", sans-serif;
    margin: 0 0 15px 0;
}

.city-wrapper-description {
    color: #fa447c;
    font-size: 16px;
}

.city-wrapper__block {
    margin-top: 30px;
}

@media only screen and (min-width: 380px) {
    .city-wrapper__block {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 540px) {
    .city-wrapper__block {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

.city-wrapper__item {
    display: block;
    white-space: nowrap;
    font: normal 18px/125% "Ubuntu", sans-serif;
    color: #2d8de6;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    margin-bottom: 15px;
}

.city-wrapper__item:hover {
    color: #fa447c;
}

.city-wrapper__item--active {
    color: #1a252b;
    pointer-events: none;
}

@media only screen and (max-width: 993px) {
    #modal-back-city {
        top: 0;
        z-index: 10500;
    }
}

#modal-back-city .modal-dialog .modal-content {
    padding: 25px;
    border-radius: 25px;
    min-width: 626px;
}
.citiesList {
    display: flex;
    flex-wrap: wrap;
}
.citiesList .city-wrapper__block {
    width: 50%;
    margin-top: 10px;
}

@media screen and (max-width: 750px) {
    .city-wrapper__block {
        width: 100%;
    }
    #modal-back-city .modal-dialog .modal-content {
        width: 100%;
    }
}