.chart {
/* position: absolute;
top: 50%;
left: 50%; 
margin: -225px 0 0 -225px;
*/
width: 300px;
height: 300px;
margin: 0 auto;
}

.doughnutSummary {
/* position: absolute;
top: 50%;
left: 50%; */
color: #005bbb;
text-align: center;
/* text-shadow: 0 -1px 0 #111; */
cursor: default;
font-family: "Sofia", Arial;
}
.doughnutSummaryNumber {
    /* position: absolute; */
    top: 0%;
    width: 100%;
    margin: 20px 0 0 0;
    /* margin: 0; */
    font-size: 60px;
    font-weight:800;
    color: #005bbb;
}
.doughnutSummaryTitle {
    /* position: absolute; */
    top: 50%;
    width: 100%;
    margin: -2% 0 0 0;
    /* margin: 0; */
    font-size: 20px;
    letter-spacing: .06em;
    font-family: "Sofia", Arial;
    color:#2f9fd0;
}

/* .chart path:hover { opacity: 0.65; } */