#key_contacts .people-location-filter {
    grid-column: 1 / -1;
    justify-self: start;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
}

#key_contacts .people-location-filter select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 8px 12px;
    font: inherit;
}

@media only screen and (min-width: 420px) {
    #key_contacts .people-location-filter {
        width: calc((100% + 25px) / 2);
        padding-right: 25px;
    }
}

@media only screen and (min-width: 750px) {
    #key_contacts .people-location-filter {
        width: calc((100% + 25px) / 3);
    }
}

@media only screen and (min-width: 1050px) {
    #key_contacts .people-location-filter {
        width: calc((100% + 25px) / 4);
    }
}

@media only screen and (min-width: 1280px) {
    #key_contacts .people-location-filter {
        width: calc((100% + 25px) / 5);
    }
}
