#wrapper {
    min-height: 45vh;
    padding: var(--gutter);
}

#carte-container {
    width: 100%;
    height: 80vh;

}

#map {
    width: 100%;
    height: 100%;
}

#searchBar-container {
    width: 100%;
    margin-bottom: var(--gutter);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--margin)/2);
}


#searchbar {
    padding: var(--margin);
    height: 5vh;
    min-height: 42px;
    width: 60%;
    border-radius: 999px;
    border: 2px solid rgb(192, 192, 192);
}

@media screen and (max-width: 760px) {

    #searchbar {
        width: 100%;
    }

}