.doughnut-chart{position:relative;max-width:410px;margin:0 auto 20px}.doughnut-chart canvas{max-width:100%}@media only screen and (max-width:1199px){.doughnut-chart canvas{width:310px;height:310px}}@media only screen and (max-width:1024px){.doughnut-chart canvas{width:auto;height:auto}}.doughnut-chart-detail{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;text-align:center}.doughnut-chart-detail h3{margin-bottom:7px}@media only screen and (max-width:1199px){.doughnut-chart-detail h3{font-size:25px;font-size:2.5rem;line-height:29px}}.doughnut-chart-detail p{font-family:'Open sans',sans-serif;font-size:30px;font-size:3rem;line-height:1.2;font-weight:300;margin-bottom:0}.doughnut-chart-detail p.mod-sm{font-size:16px;font-size:1.6rem}@media only screen and (max-width:1199px){.doughnut-chart-detail p{font-size:25px;font-size:2.5rem}}