.bussola-1, .bussola-2, .bussola-3, .bussola-4, .bussola-5, .bussola-6, .bussola-7, .bussola-8 {
    position: absolute;
    text-decoration: none;
    font-size: 1.42rem; 
    font-weight: 600;
    line-height: 2rem;
    padding-bottom: 4px;
}
.bussola-1, .bussola-3, .bussola-5, .bussola-7, .bussola-8 {
    padding-left: 15px;
    text-align: left
}

.bussola-2, .bussola-4,.bussola-6 {
    padding-right: 15px;
    text-align: right
}
.bussola-1:hover, .bussola-2:hover, .bussola-3:hover, .bussola-4:hover, .bussola-5:hover, .bussola-6:hover, .bussola-7:hover, .bussola-8:hover {
    text-decoration: none;
}
.bussola-1:before , .bussola-3:before , .bussola-5:before , .bussola-7:before , .bussola-8:before  {
    content: "";
    display: block;
    width: 9px; height: 9px;
    background: #000;
    position: absolute;
    left: 0; bottom: 0;
    transform: translateY(50%);
    border-radius: 100%;
}

.bussola-2:before , .bussola-4:before , .bussola-6:before   {
    content: "";
    display: block;
    width: 9px; height: 9px;
    background: #000;
    position: absolute;
    right: 0; bottom: 0;
    transform: translateY(50%);
    border-radius: 100%;
}

.bussola-1:after , .bussola-2:after , .bussola-3:after , .bussola-4:after , .bussola-5:after , .bussola-6:after , .bussola-7:after , .bussola-8:after  {
    content: "";
    display: block;
    width: 100%; height: 1px;
    background: #000;
    position: absolute;
    left: 0; bottom: 0
}

.c-bussola { position: relative; text-align: center; margin: 100px 0 }


.bussola-1 {
    left: 50%;
    top:0;
    transform: translateY(-100%);
}
.bussola-2 {
    right: 65%;
    top: 23%;
    transform: translateY(-100%);
}
.bussola-3 {
    left: 65%;
    top: 23%;
    transform: translateY(-100%);
}
.bussola-4 {
    right: 79%;
    top: 50%;
    transform: translateY(-100%);
}
.bussola-5 {
    left: 79%;
    top: 50%;
    transform: translateY(-100%);
}
.bussola-6 {
    right: 65%;
    bottom: 19%;
    transform: translateY(-50%);
}
.bussola-7 {
    left: 65%;
    bottom: 19%;
    transform: translateY(-100%);
}
.bussola-8 {
    top: 100%;
    left: 50%;
} 

.o-bussola-img, .o-bussola-img-mobile { width: 60% }
.o-bussola-testo {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 19%;
}
.o-bussola-testo img:nth-child(2) { display: none }
.o-bussola-testo:hover img:nth-child(2) { display: inline-block; }
.o-bussola-testo:hover img:nth-child(1) { display: none }

@media (min-width: 768px) and (max-width: 991px){ 
    .bussola-1, .bussola-2, .bussola-3, .bussola-4, .bussola-5, .bussola-6, .bussola-7, .bussola-8 {
        font-size: 1rem;
    }

}
@media (max-width: 767px){ 
    .bussola-1, .bussola-2, .bussola-3, .bussola-4, .bussola-5, .bussola-6, .bussola-7, .bussola-8 { 
        font-size: 0.875rem;
        line-height: 1.3;
        padding: 0
    }
    .bussola-1:before, .bussola-2:before, .bussola-3:before, .bussola-4:before, .bussola-5:before, .bussola-6:before, .bussola-7:before , .bussola-8:before, 
    .bussola-1:after , .bussola-2:after , .bussola-3:after , .bussola-4:after , .bussola-5:after , .bussola-6:after , .bussola-7:after , .bussola-8:after  
    { content: none }

    .bussola-4 {
        right: 69%;
        top: 50%;
        transform: translateY(48%); /* translateY(100%); - Sostituito dopo la modifica della relativa voce di menu su 2 righe */
    }
    .bussola-1 {
        transform: translate(-50%, -100%);
    }
    .bussola-5 {
        left: 69%;
        top: 50%;
        transform: translateY(100%);
    }
    .bussola-6 {
        right: 62%;
        bottom: 5%;
    }
    .bussola-7 {
        _right: 62%; /* Rimossa */
        bottom: 12%;
    }

    .bussola-8 {
        transform: translate(-50%, 0%);
    }
}