.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
    font-size: 10vw;


}
.wrapper{
    overflow-x: auto;
}
.map_div {
    height: calc(94vh - 20px);
    position: relative;
    width: max-content;
    @media (min-width: 1280px ) {
        width: 100%;
    }
}
.map_img{
    height: calc(94vh - 20px);
    display: block;
    @media (min-width: 1280px ) {
        width: 100%;
    }
}

.map_div button {
    height: 10vmin;
    width: 10vmin;
    border-radius: 50%;
    background-color: #E8095C;
    color: white;
    position: absolute ;
    .material-symbols-outlined {
        font-size: 8vmin;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

#button_camp_basic{
    left: 17%;
    top: 27%;
}

#button_camp_conform{
    left: 50%;
    top: 27%;

}
#button_camp_vip{
    left: 82%;
    top: 27%
}
#podia_main{
    left: 50%;
    top:65%;

}
#podia_beat_yard{
    left: 21%;
    top:70%;
}

#podia_neon_dome{
   left: 73.5%;
    top:83.5%;
}
#food_court{
    left: 19%;
    top:52%;
}
#ehbo{
    left: 34.5%;
    top:44%;
}
#massage{
    left: 62%;
    top:44%

}
#lounge{
    left: 84%;
    top:57%
}

.legenda{
    position: fixed;
    height: 13vmin;
    width: 13vmin;
    right: 4vw;
    top: 4vh;
    background-color: #FFBE0B;
    .material-symbols-outlined {
        position: absolute;
        font-size: 8vmin;
        transform: translate(-50%, -50%);
    }

}
.legenda_div{

    bottom: calc( 6vh + 20px);
    height: calc(94vh - 20px);
    width: 100vw;
    position: fixed;
    background-color: #FB5607;
    display:none;
    color: white;
    overflow-x: auto;

}

.legenda_div h1 {

    text-align: center;
    font-size:9em;
    padding-top: 10vh;

}
.legenda_div .material-symbols-outlined{

    vertical-align: middle;

}
.legenda_div h2 {
    text-align: center;
    font-size: 5em;
    padding-bottom: 1vh;
}

.legenda_info{
    padding-top: 5vh;

}
.big_line{
    height:0.5vh;
    background-color:black;
}
.small_line{
    height:0.25vh;
    background-color:black;

}
.legenda_div p{
    font-size:3em;
    text-align: center;
    padding-bottom: 1vh;
}



.info_div{
    transform: translate(-50%, -50%);
    position: absolute;
    background-color: #FB5607;
    display: none;
    color: white;
    overflow-x: auto;
    height: 65vh;
    width: 78vw;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    text-align: center;
 
}
.info_div h1 {
    font-size: 7em;
    padding-top: 10vh;
}
.info_div p{
    font-size: 2.8em;
    padding: 1vh 1vw;

}
.info_more_button{
    font-size: 2.8em;
    color: white;
}
.close_info{
    position: fixed;
    height: 13vmin;
    width: 13vmin;
    right: 4vw;
    top: 2vh;
    background-color: #FFBE0B;
}