#osm-map{
    margin: 0 !important;
    width: 100% !important;
}

.changeMap{
    font-size: larger;
    font-weight: bolder;
    color: var(--main-accent);
}

#osm-search {
    width: 80%;
    max-width: 800px;
    padding: 0;
    border-radius: 8px;
}

#osm-map-search {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
}

/*Large Desktop, TV, etc.*/
@media screen and (min-width: 1200px){

}

/*Tablet landscape, laptop, Desktop*/
@media screen and (min-width: 992px) and (max-width: 1199px){ 

}

/*Tablet portrait*/
@media screen and (min-width: 767px) and (max-width: 991px) { 

}

/*mobile landscape*/
@media screen and (min-width: 480px) and (max-width: 766px){
    #osm-map{
        width: fit-content;
    }
}

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