.three-column {
	width: 100%;
	padding-bottom: 4%;
}

.three-column:after {
	content: '';
	display: table;
	clear: both;
}

.three-column__col {
	float:left;
	width: 31%;
	margin: 0 3.5% 0 0;
}

.three-column__col:last-child {
	margin: 0;
}

@media only screen and (max-width: 768px) {
	.three-column__col {
		width: 100%;
		margin: 0 0 7% 0;
	}
}