#filter-button-1 {
 max-width: 90vw;
 width: 200px;
 margin-top: 20px;
}

.filter-button-spodnji {
 margin-top: 20px;
 margin-left: 20px;
}

.filter-container {
 display: flex;
 width: 1200px;
 max-width: 90vw;
 padding: 30px;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 border-radius: 10px;
 flex-direction: column;
 background-color: #bababa;
}

.filter-items {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}

.filter-item {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 20px;
 margin-left: 10px;
 z-index: 25000;
}

.filter-input {
 width: 80vw;
 max-width: 300px;
 margin-right: 40px;
}

.schools-dropdown {
 height: 40px;
 border-radius: 10px;
 padding: 10px;
 max-width: 200px;
 width: 200px;
 border-color: slategrey;
 margin-right: 40px;
}

.custom-filter-button {
 margin-right: 40px;
}

.display-none {
 display: none;
}

#map {
 margin-top: 30px;
 width: 90vw;
 height: 90vh;
}