/* CSS personalitzat posar els filtres sobrepossat en el mapa principal */

html, body, #map {
width:100%;
height:100%;
padding:0;
margin:0;
}
#map {
position: relative;
z-index: 1;
}
#menu {
position: absolute;
top:5%;
right:1%;
width:auto;
height:auto;
max-height:95%;
max-width:15%;
background: rgba(252, 251, 249, 0.80);
z-index: 2;
overflow: auto !important;
padding: 1%;
}
.filterlabel menu-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}
.leaflet-popup-content {
    max-height:400px !important;
    max-width: 350px !important;
    overflow: auto !important;
}
/* Estils per a dispositius mòbils */
@media (max-width: 800px) {
    .leaflet-popup-content {
        max-height: 200px !important;
        max-width: 200px !important;
        overflow: auto !important;
    }
}