/*
html,
body{padding:0;margin:0;}
body{-webkit-font-smoothing:antialiased;text-align:center;font:18px / 1.4 'Helvetica', 'Arial', sans-serif;padding-top:60px;}
ul{position:fixed;top:0;left:0;right:0;height:60px;line-height:0;margin:0;padding:0;font-size:0;letter-spacing:-0.3em;background:#cccccc;}
li{position:relative;display:inline-block;width:25%;line-height:60px;font-size:18px;letter-spacing:normal;text-align:center;vertical-align:top;}
li a{display:block;color:#ffffff;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
li a:hover,
li a.active{color:#ffffff;background:#333333;}
li a.active:after{content:'';position:absolute;top:100%;left:50%;margin-left:-10px;border:10px solid;border-color:transparent;border-top-color:#333333;}
*/

.chart{position:relative;display:inline-block;width:110px;height:110px;margin-top:50px;margin-bottom:50px;text-align:center;}
.chart 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;}
.btn{display:block;width:200px;padding:10px 20px;margin:0 auto;color:#ffffff;font-size:0.8em;text-transform:uppercase;background:#cccccc;box-sizing:border-box;cursor:pointer;}
.btn:hover{color:#ffffff;background:#333333;}
.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{position:static;height:auto;}
	li{display:block;width:100%;}
	li a{white-space:normal;}
	a.active:after{display:none;}
	*/
}