.locations-explanation-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
}

/* region-select */
.locations-top-select {
    border: 1px solid var(--dibo_primary);
    font: inherit;
    color: var(--dibo_primary);
    padding: 1rem 1rem;
}

.locations-explanation-top .heading {
    margin-right: 1rem;
}

@media screen AND (max-width: 600px) {

    #locations-region-select-wrap, #locations-type-wrap {
        display: block;
        margin-bottom: var(--margin-1);
    }

    .locations-explanation-top {
        grid-template-columns: 1fr;
    }

    .locations-top-select {
        margin-left: 0;

        padding: 0.5rem;
        width: 100%;
        box-sizing: border-box;
    }

    .locations-explanation-top .heading {
        margin-bottom: var(--margin-0_25);
    }
}