.three-bar {
	margin: 3em 0;
	display: block;
	width: 100%;
}

.three-bar > div {
	width: 33%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.three-bar > div:nth-child(3n+1) {
	padding-right: 30px;
	padding-right: 3rem;
}

.three-bar > div:nth-child(3n+2) {
	padding-right: 15px;
	padding-left: 15px;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.three-bar > div:nth-child(3n+3) {
	padding-left: 30px;
	padding-left: 3rem;
}

.three-bar > div > a {
	text-decoration: none;
}

a:link .iconcircle, a:visited .iconcircle {
    color: #707070 !important;
    background-color: #D5EACB;
}

a:hover .iconcircle {
	color: #fff !important;
    background-color: #588fb5;
}

a:active .iconcircle {
	color: #fff !important;
    background-color: #6eb74d;
}

.three-bar .iconcircle {
	float: left;
	margin-right: 15px;
	margin-right: 1.5rem;
	margin-bottom: 4.5em;
}

.three-bar h2 {
	margin-top:.7em;
}

@media screen and (max-width:870px){
	.three-bar > div {
		width: 50%;
	}	
	.three-bar > div:nth-child(3n+1) {
		padding:0
	}	
	.three-bar > div:nth-child(3n+2) {
		padding:0
	}
	.three-bar > div:nth-child(3n+3) {
		padding:0
	}
	.three-bar > div:nth-child(odd) {
		padding-right: 15px;
		padding-right: 1.5rem;
	}
	.three-bar > div:nth-child(even) {
		padding-left: 15px;
		padding-left: 1.5rem;
	}
}

@media screen and (max-width:650px){
	.three-bar > div {
		width: 100%;
	}	
	.three-bar > div:nth-child(odd) {
		padding:0;
	}
	.three-bar > div:nth-child(even) {
		padding:0;
	}
}