#logo img{
    max-height: 120px;
}

#top-menu{
    min-height: 70px;
}
#top-menu .nav-link{
    text-transform: uppercase;
    color: var(--color-black);
}
.full-screen{
    width: 100%; height: 100%;
    position: fixed;
    top: 0; left: 0;
}
#google-map{
    width: 100%; height: 100%;
}
#legend{
    position: fixed;
    left: 0; bottom: 0;
    width: 80px; height: 40%;
}
#legend .legend-container{
    position: absolute;
    left: 20px; bottom: 20px;
    width: calc( 100% - 20px );
    height: calc( 100% - 20px );
}
#legend .gradient{
    opacity: 1;
    width: 30px; height: 100%;
    position: absolute;
    top: 0; left: 0;
    background: -webkit-linear-gradient(bottom,#08c303,#08c303 8%,#fdc131 16%,#ff7e00 32%,#f00 48%,#b40495 72%,#642cb0 80%);
    background: linear-gradient(0deg,#08c303,#08c303 8%,#fdc131 16%,#ff7e00 32%,#f00 48%,#b40495 72%,#642cb0 80%);
}
#legend .labels{
    position: absolute;
    top: 0; left: 35px;
    width: 40px; height: 100%;
}
#legend .labels .label{
    position: absolute;
}
.gm-style-iw{
    max-height: 700px !important;
    padding: 20px !important;
}
.gm-style .gm-style-iw-d{
    max-height: 200px !important;
}