a:hover {
    font-weight: bold;
  }

a{
    text-decoration:none;
    color: black
}

.short-input{
    width: 150px;
}

ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tt-menu {
    z-index: 10000 !important; /* Adjust this value as needed */

}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}


#list-projects {
    height: 28vw; /* Default height */
}

#map {
    height: 36vw; /* Default height */
}

@media (max-width: 900px) {
    #map {
        height: 50vw; /* Adjust this height as needed for smaller screens */
    }
}

@media (max-width: 1450px) {
   #list-projects {
        height: 28vw; /* Adjust this height as needed for larger screens */
    }

    #map {
        height: 36vw; /* Adjust this height as needed for larger screens */
    }
}


@media (min-width: 1450px) and  (max-width: 1550px){
   #list-projects {
        height: 25vw; /* Adjust this height as needed for larger screens */
    }

    #map {
        height: 30vw; /* Adjust this height as needed for larger screens */
    }
}



.leaflet-layer {
    z-index: 0 !important; /* Set a lower z-index for Leaflet map tiles */
}