.search-form {
    position: relative;
    z-index: 1100;
    display: grid;
    grid-template-areas:
            "place place place place button"
            "start end category people .";
    grid-template-columns: 200px 200px 200px 200px 200px ;
    grid-gap: 1rem;
}

.search-form__place {
    grid-area: place;
}

.search-form__start {
    grid-area: start;
}

.search-form__end {
    grid-area: end;
}

.search-form__category {
    grid-area: category;
}

.search-form__people {
    grid-area: people;
}

/* Tablette */
@media screen and (max-width: 1200px) {
    .search-form {
        grid-template-areas:
                "place place"
                "start end"
                "category people"
                "button button";
        grid-template-columns: 1fr 1fr;
    }
}

/* Mobile */
@media screen and (max-width: 575px) {
    .search-form {
        grid-template-areas:
                "place"
                "start"
                "end"
                "category"
                "people"
                "button";
        grid-template-columns: 1fr;
    }
}