.donut{margin-top:20px;text-align:center}.donut.has-image .donut__value{top:23px;font-size:18px !important}.donut__label{text-align:center;padding:10px;color:#fff;text-transform:uppercase;position:relative;margin-bottom:20px}.donut__label::after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:inherit;border-width:5px;margin-left:-5px}.donut__value{font-weight:bold;position:absolute;top:0;left:0;text-align:center;width:100%}.donut__wrap{bottom:0;position:relative;display:inline-block}.donut__image{position:absolute;top:30px;height:30px;left:50%;margin-left:-25px}@media(min-width:375px){.donut.has-image .donut__value{top:30px !important;font-size:25px !important}.donut__image{height:50px}}#barchart{text-align:center;width:100%;height:500px}.bar{margin-right:10px;position:relative;overflow:hidden;padding-top:80px;height:100%}.bar .label{text-align:center;width:inherit;margin:0 auto 20px auto;width:116px}.bar__value{height:0%;background-repeat:repeat-y;background-position:top center;margin:0 5px}.label__percent{font-size:2em}.label__title{font-weight:bold}