/* width-tob default 1440*/
#section_top{
            background-color: rgba(244, 242, 121, 0.8);
            background-repeat: no-repeat;
            background-size: cover;
  /*  text-align: center;*/
        }
span.center_horizontal_arrow,
span.center_horizontal_up{
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
}
span.center_horizontal_arrow a,
span.center_horizontal_up a{
    text-decoration: none;
    color: #22244C;
}
span.center_horizontal_arrow{
    /*position: absolute;*/
    bottom: 0px;
}
.arrow_down{
    bottom: 0px;
}
.arrow_up{

    top: 0px;
}
 #section_bottom,
 #section_bottom_tablet{
    background-color:rgba(244, 242, 121, 0.8);
}
.centra{
     display: flex;
     align-items: center;
}

#centra_contenuto{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#info{
    display: inline-block;
    width: 60vw;
    height: 100%;
    position: relative;
    text-align: center;
}
#info h1{
    display: none;
}

#map{
    width: 20vw;
    height: 20vw !important;
    display: block;
    margin: 4% 0;
    margin-left: 4%;
    margin-right: auto;
    float: left;
    border: 2px solid blue;
    border-radius: 10px;
}

.containerInfo{
    text-align: center;

}

.infoAna{
    width: 45%;
    float: right;
    font-family: sans-serif;
    text-align: left;
    margin-top: 2%;
    margin-right: 4%;
    font-size: 1.5vw;
}

.infoAna ul{
    text-align: right;
}
.infoAna li{
    list-style: none; 
    margin: 9% 0;
}
.containerInfo a{
 text-decoration: none;
color: #22244C;
font-weight: 900;

}
@media (max-width: 2560px) and (min-width: 1445px){
    
}

@media (max-width: 1024px){
    #map{
    /*width: 2%;
    height: 40% !important;*/
    }
}

@media (max-width:768px){
    #info{
        width: 100vw;
    }
    .containerInfo{
        margin-top: 2%;
    }
    #map{
    display: inline-block;
    float: none;
    width: 60vw;
    height: 60vw !important;
    }
    .infoAna{
        width: 60vw;
        display: inline-block;
        float: none;
        font-size: 2vw;
        margin-bottom: 4%;
    }
    .infoAna li{
    list-style: none; 
    margin: 4% 0;
}

}

@media (max-width:600px){
 

}
  
@media (max-width:425px){
    #info h1{
        display: block;
        font-size: 8vw; 
        margin-top: 10%;
    }
        .infoAna{
        font-size: 3vw;
    }
 
}


@media (max-width:320px){
    
            .infoAna{
        font-size: 4vw;
    }

}