.chart,.charts{position:relative;display:inline-block;width:200px;height:200px;margin-top:0;text-align:center;font-family:'Oxygen', sans-serif;font-weight:600;color:#FFF;font-size:60px;padding-top:15%}.chart canvas,.charts canvas{position:absolute;top:0;left:0}.percent{display:inline-block;line-height:110px;z-index:2}.percent:after{content:'%';margin-left:0.1em;font-size:.8em}.angular{margin-top:100px}.angular .chart{margin-top:0}input{display:block;margin:auto;margin-bottom:3em}.span6{float:left;width:50%}@media only screen and (max-width: 600px){li{font-size:14.4px}}@media only screen and (max-width: 430px){.span6{float:none;width:100%}body{padding-top:0}ul{height:auto;position:static}li{display:block;width:100%}li a{white-space:normal}a.active:after{display:none}}