body {
    margin: 0;
    padding: 0;
}
#wrapper { 
    width: 100%; height: 100%; position: relative; background: white; display: inline-block; text-align: left;
}
.chart:hover { 
    opacity: 0.5; 
}
.svg {
    width: 100%;
}
.network:hover { 
    stroke: #b3b3b3; 
}
.tooltip{
    font-size: 16px;
    font-family: "PT Sans", sans-serif;
}
.tooltip_bg{
    fill: white;
    stroke: black;
    stroke-width: 0;
    opacity: 0.85;
}
.circle_label text {
    fill: #333333;
    font-family: 'PT Sans'; 
    font-weight:bold; 
    font-size: 20px;
    text-anchor: middle;
}
text{
    pointer-events:none;
}
.wrapper{
    position:fixed;
}
#Title tspan {
    fill: #333333; 
    font-family: 'PT Sans Narrow';
    font-size: 44px;
}
.annexe text {
    fill: #999999; 
    font-family: 'PT Sans'; 
    font-weight: bold; 
    font-size: 18px;
}
tspan {
    font-family: 'PT Sans'; 
}

@media screen and (max-width: 1200px) {
    .circle_label text {
        font-size: 22px;
    }

    #Title tspan {
        font-size: 46px;
    }
}

@media screen and (max-width: 1100px) {
    .circle_label text {
        font-size: 24px;
    }

    #Title tspan {
        font-size: 48px;
    }

}

@media screen and (max-width: 1000px) {
    .circle_label text {
        font-size: 26px;
    }

}

@media screen and (max-width: 800px) {
    .circle_label text {
        font-size: 29px;
    }
}

@media screen and (max-width: 600px) {
    .circle_label text {
        font-size: 32px;
    }
}