body {
	max-width: 1420px;
	margin: 0 auto;
	background-color: #ccc;
	/* background: url('background.png') no-repeat top center #ccc; */
	background-image: url('bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
nav {
	margin: 0;
	padding: 0.5em 0 0.75em 0;
	font-size: 0.8em;
	background-color: rgba(255,255,255,0.25);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
}
	nav h1 {
		text-align: center;
	}
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav ul li {
	}
	nav ul li:first-child {
		border-top: 1px solid #aaa;
	}
	nav ul li a {
		display: block;
		padding: 1em 1em;
		border-bottom: 1px solid #aaa;
		background-color: rgba(255,255,255,0.5);
		font-weight: bold;
		-webkit-transition: all 0.125s ease-out;
		-moz-transition: all 0.125s ease-out;
		-ms-transition: all 0.125s ease-out;
		-o-transition: all 0.125s ease-out;
		transition: all 0.125s ease-out;
	}
	nav ul li a:hover {
		text-decoration: none;
		background-color: rgba(128,224,255,0.5);
		-webkit-transition: all 0.125s ease-out;
		-moz-transition: all 0.125s ease-out;
		-ms-transition: all 0.125s ease-out;
		-o-transition: all 0.125s ease-out;
		transition: all 0.125s ease-out;
	}
article {
	padding-top: 16px;
	padding-bottom: 8em;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
}
	article header,
	article section {
		padding-left: 4%;
		padding-right: 4%;
	}




@media only screen and (max-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (max-device-width: 1334px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col9, .col10, .col11, .col12 {
		width: auto;
		float: none;
		margin-right: 4%;
	}
}

@media only screen and (max-device-width: 1024px) {
	body { font-size: 0.8em; }
}

/*
@media only screen and (min-width: 961px) {
	body { max-width: none; font-size: 2vmin; } vw vh vmin vmax
}
*/


@media only print {
	body { font-size: 0.8em; }
	nav { display: none; }
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col9, .col10, .col11, .col12 { width: 100%; }
	article { box-shadow: 0 0 0 0; }
}