Responsive Circle

gistfile1.css

/* Responsive Circle */
.circle-text {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.circle-text:after {
	content: "";
	display: block;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	background: #e6402a;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		border-radius: 50%;
}
.circle-text div {
	float:left;
	width:100%;
	padding-top:50%;
	line-height:1em;
	margin-top:-0.5em;
	text-align:center;
	color:white;
}