div.wrapper {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0 48px;
	box-sizing: border-box;
}

.pageFeature {
	text-align: center;
	background: #eee;
	border-bottom: 2px solid #ccc;
	margin-bottom: 48px;
	padding: 48px;
}

	.pageFeature img {
		width: 100%;
		max-width: 600px;
		margin: 20px 0;
	}

/* Columns */
ul.column {
	display: flex;
	flex-wrap: wrap;
}

ul.column.rev {
	flex-wrap: wrap-reverse;
}

ul.column.section {
	margin-bottom: 48px;
	padding-bottom: 48px;
	border-bottom: 2px solid #0051B3;
}

	ul.column.section li {
		padding: 12px 24px;
		box-sizing: border-box;
	}

		ul.column li.imgContainer img {
			width: 100%;
			box-shadow: 0 0 3px 1px #aaa;
			border-radius: 2px;
		}

		ul.column.section p {
			margin-bottom: 12px;
		}
	
	ul.column li.quarter {
		flex: 25% 1 0;
		width: 25%;
	}
	
	ul.column li.half {
		flex: 50% 1 0;
		width: 50%;
	}

	ul.column li.full {
		flex: 100% 1 0;
		width: 100%;
		box-sizing: border-box;
	}
	
	ul.column li.footcol{
		flex: 248px 1 0;
		width: 248px;
	}
	
	ul.column li.footcol:nth-child(1){
		width: calc(100% - 248px);
		float: left;
	}
	
		ul.column li.footcol a img {
			max-width: 100%;
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		
	ul.column.squint li{
		text-align: center;
	}
	
	ul.column.squint li:hover img{
		cursor: pointer;
		opacity: 0.7;	
	}

/* Flex Row */

.flexRow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

	.flexRow .grow {
		flex: auto 1 0;
	}

	.flexRow .fix {
		flex: auto 0 0;
	}

@media screen and (max-width: 900px) {

	div.wrapper {
		padding: 0 12px;
	}

	ul.column li.quarter,
	ul.column li.half {
		width: 100%;
		flex: 100% 1 0;
		margin-bottom: 20px;
	}

	ul.column li.imgContainer {
		margin-bottom: 0;
	}

	ul.column.section li {
		padding: 0 8px;
	}
}