.donut { width: 136px; height: 136px; position: relative; }
.donut h3 { font-size: 37px; line-height: 37px; font-weight: normal; color: #3c3c3b; position: absolute; top: 42px; left: 0; right: 0; }
.donut h5 { font-size: 12px; line-height: 14px; position: absolute; font-weight: normal; top: 80px; left: 0; right: 0; letter-spacing: 1px; }
.donut-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; }

.donut-mini { width: 94px; height: 94px; position: relative; }
.donut-mini-text { font-size: 28px; line-height: 30px; padding: 32px 0; position: absolute; top: 0; left: 0; right: 0; text-align: center; color: #3c3c3b; font-weight: normal; }
.donut-mini-text sub { display: inline-block; vertical-align: bottom; font-size: 13px; line-height: 20px; }

.pie { width: 444px; height: 292px; }
.pie-mini { width: 332px; height: 250px; }
.pie .pointname,
.pie-mini .pointname { font-family: 'GothamBold'; }