body {
    background-image: none !important;
}

.circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    border: solid 2px #A8834C;
}

.loba, .lobita, .transm, .concerts, .contact, .ocbi, .blog {
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hidden
{
    display: none;
    color: white;
}

.loba:hover,
.lobita:hover,
.concerts:hover,
.contact:hover,
.ocbi:hover,
.blog:hover {
    transform: scale(4);
    border-width: 1px;
    z-index: 2;
}


.transm:hover {
    transform: scale(5);
    border-width: 1px;
    z-index: 2;
}

.loba:hover .hidden,
.lobita:hover .hidden,
.concerts:hover .hidden,
.contact:hover .hidden,
.ocbi:hover .hidden,
.blog:hover .hidden{
    display: flex;
    font-size: 5px;
}


.transm:hover .hidden {
    display: flex;
    font-size: 4px;
}



@media (max-width: 700px) {
    .forme-nav {
        width:290px;
        height:290px;
        background-image: url("../media/images/background/forme-02.svg");
        text-align: center;
        margin-top : 50px;
        background-repeat: no-repeat;
    }

    .ocbi {
        background-color: #00236a;
        top: 140px;
        left: 175px;
    }

    .blog {
        background-color: #00236a;
        top: 160px;
        left: 150px;
    }

    .loba {
        background-color: #5C83BD;
        top: 140px;
        left: 175px;
    }

    .lobita {
        background-color: #C1D1E9;
        top: 160px;
        left: 150px;
    }

    .concerts {
        background-color: #B7A4DF;
        top: 180px;
        left: 70px;
    }

    .transm {
        background-color: #B7D68D;
        top: -25px;
        left: 60px;
    }

    .contact {
        background-color: #BF97C9;
        top: -35px;
        left: 160px;
    }
}

@media (min-width: 700px) {
    .forme-nav {
        width:600px;
        height:600px;
        background-image: url("../media/images/background/forme-02.svg");
        text-align: center;
        margin-top : 50px;
        background-repeat: no-repeat;
    }

    .ocbi {
        background-color: #00236a;
        top: 250px;
        left: 450px;
    }

    .blog {
        background-color: #00236a;
        top: 350px;
        left: 350px;
    }

    .loba {
        background-color: #5C83BD;
        top: 250px;
        left: 450px;
    }

    .lobita {
        background-color: #C1D1E9;
        top: 350px;
        left: 350px;
    }

    .concerts {
        background-color: #B7A4DF;
        top: 370px;
        left: 100px;
    }

    .transm {
        background-color: #B7D68D;
        top: 80px;
        left: 150px;
    }

    .contact {
        background-color: #BF97C9;
        top: -15px;
        left: 300px;
    }
}