.flex{
    display:flex;
}
.flex-column{
    flex-direction:column;
    display: inherit;
}
.align-between{
    align-content: space-between;
}
.justify-between{
    justify-content: space-between;
}
.data-category, .data-panel{
    width:100%;
}
.ph-1{
    padding-left:10px;
    padding-right:10px;
}
.w-370{
    width:370px;
}
#DBE, #TOT{
   /* display:none;*/
}
#go{
    margin-right:10px;
}
.legend {
    display:flex;
    flex-direction:row;

}
.legend div > span{
    width: 100%;
    height: 15px;
    margin-right: 4px;
    margin-top: 2px;
    margin-left: 4px;
    position: absolute;
}
.ml-5{
    margin-left: 5rem;
}
.go{

    width: 31.3%;
    height: 70px;
    font-size: 18px;
    position: relative;

}
.grid-1 li.active{
    width:100%;
}
.zoom{
    font-size:16px;
}
.info-header {
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 30px;
}

.info-header a {
    font-weight: 700;
    display: block;
    text-align: center;
    color: #d07b61 ;
}