.color-list {
	list-style-type: none;
	margin-left: 0;
}
.color-list li p {
	display:inline-block;
	margin-bottom:0;
	font-size: 14px;
	vertical-align: top;
}
.font-blue {
	color:#0078ff;
}
.font-green {
	color:#50C64E;
}
.font-yellow {
	color:#FECB00;
}
.font-orange {
	color:#ff9500;
}
.font-red {
	color:#ff3e23;
}
.font-purple {
	color:#4c0089;
}
.percentage {
	display: inline-block;
	width: 8%;
	font-size: 14px;
	vertical-align: top;
}
.stats li {
	width:50%;
	float:left;
	line-height:1.25em;
}
.color-list-item {
	margin-bottom: 10px;
}
.color-list-item > p {
	width: 90%;
}
.stats {
	list-style-type: none;
	margin-left: 0;
}
.stats li {
	font-size: 14px;
}
.graph svg {
	margin:2em auto;
	display:block;
}

@media all and (max-width: 767px) {
	.image-error, .image-user-interface {
		width: 300px;
		height: auto;
	}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.image-error, .image-user-interface {
		width: 330px;
		height: auto;
	}
}