.g-circle-progress {
	margin-left: -($content-padding);
	margin-right: -($content-padding);
	text-align: center;
	.g-content {
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.g-circle-progress-item {
		@include breakpoint(mobile-only) {
			margin-bottom: ($content-margin + $content-padding)*2;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	canvas {
		max-width: 100%;
	}
	.circle {
		position: relative;
	}
	.g-circle-progress-percentage {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		text-align: center;
		height: 34px;
		line-height: 34px;
		font-size: 34px;
		margin-top: -20px;
	}
	.g-circle-progress-title {
		margin-bottom: 0;
		margin-top: 25px;
	}
	.g-circle-progress-desc {
		margin-top: 20px;
	}
}