.page-feature {
	display: block;
	clear: left;
	margin: 2em 0;
	color: #aaaaaa;
}

.icon {
	display: block;
}

.icon img {
	min-height: 140px;
	max-height: 200px;	
}



@media screen and (min-width: 641px) {

	.page-feature {
		float: left;
		width: 50%;
		clear: none;
		text-align: center;
		-o-transition: background .5s ease;
		-ms-transition: background .5s ease;
		-moz-transition: background .5s ease;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
		background-image: transparent;
		position: relative;
	}

	.page-feature:after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: -moz-linear-gradient(top, rgba(0,85,165,0) 25%, #0055a5 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(0,85,165,0)), color-stop(100%,#0055a5));
		background-image: -webkit-linear-gradient(top, rgba(0,85,165,0) 25%,#0055a5 100%);
		background-image: -o-linear-gradient(top, rgba(0,85,165,0) 25%,#0055a5 100%);
		background-image: -ms-linear-gradient(top, rgba(0,85,165,0) 25%,#0055a5 100%);
		background-image: linear-gradient(to bottom, rgba(0,85,165,0) 25%,#0055a5 100%);
		-o-transition: opacity 0.5s ease-out;
		-ms-transition: opacity 0.5s ease-out;
		-moz-transition: opacity 0.5s ease-out;
		-webkit-transition: opacity 0.5s ease-out;
		transition: opacity 0.5s ease-out;
		z-index: 0;
		opacity: 0;
	}
	.page-feature:hover:after {
		opacity: 1;
	}

	.page-feature * {
		position: relative;
		z-index: 1;
	}

	.page-feature-padding {
		padding: 1em;
	}

	.icon {
		margin: 1em auto;
		text-align: center;
	}
	
}

@media screen and (min-width: 961px) {
	.page-feature h3 {
		font-size: 1em !important;
	}	
	#site-body {
		padding-bottom: 0;
	}

	.page-feature {
		width: 20%;
		padding-bottom: 3em;
		margin-bottom: 0;
	}

}