.city-item {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.city-item:hover {
    color: rgb(255, 157, 37);
    font-weight: 500;
}


.cities-grid {
    display: grid; grid-column-start: col-start 2;  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 768px) {
    .cities-grid {
        grid-template-columns: 1fr;
    }
}