.b-city-group{
    margin-bottom: 30px;
}
.b-city-group__type{
    font-weight: bold;
}
.b-city-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.b-city-list__link{
    text-decoration: none;
}

@media screen and (min-width: 576px){
    .b-city-grid{
        columns:2;
        -webkit-columns: 2;
        -moz-columns:2;
    }
    .b-city-group{
        page-break-inside: avoid; /* For Firefox. */
        -webkit-column-break-inside: avoid; /* For Chrome & friends. */
        break-inside: avoid; /* For standard browsers like IE. :-) */
    }
}

@media screen and (min-width: 992px){
    .b-city-grid{
        columns:3;
        -webkit-columns: 3;
        -moz-columns:3;
    }
}
@media screen and (min-width: 1200px){
    .b-city-grid{
        columns:4;
        -webkit-columns: 4;
        -moz-columns:4;
    }
}