h2 {
	color: white;
}

.container {
	/* Microsoft Explorer */
	-ms-display: grid;
	-ms-grid-template-columns: repeat(5, 1fr);
	-ms-grid-auto-rows: auto, 100px, minmax(100px, auto);
	-ms-grid-gap: 10px;
	-ms-grid-template-areas:
				"header header header header header"
				"nav nav nav nav nav"
				"main main main main main"
				"main main main main main"
				"figure figure figure figure figure"
				"figure figure figure figure figure"
				"aside aside aside aside aside"
				"aside aside aside aside aside"
				"footer footer footer footer footer";

	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr 10px 1fr 1fr	;
  grid-auto-rows: auto, 100px, auto, auto auto;
  grid-gap: 10px;
	grid-template-areas:
			"header header header header header"
			"nav nav nav nav nav"
			"figure figure figure main main"
			"figure figure figure aside aside"
			"footer footer footer footer footer";
}

/* Internet Explorer 11 support :( */
header {
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	-ms-grid-row: 1;
}

nav {
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	-ms-grid-row: 2;
}

figure {
	margin-top: 10px;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 3;
}

main {
	margin-top: 10px;
	-ms-grid-column: 5;
	-ms-grid-column-span: 6;
	-ms-grid-row: 3;
}

aside {
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	-ms-grid-row: 4;
}

footer {
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	-ms-grid-row: 5;
}

.year {
	font-weight: 900;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.container {
		grid-template-areas:
			"header header header header header"
			"nav nav nav nav nav"
			"main main main main main"
			"main main main main main"
			"figure figure figure figure figure"
			"figure figure figure figure figure"
			"aside aside aside aside aside"
			"aside aside aside aside aside"
			"footer footer footer footer footer";
	}

	/* Internet Explorer 11 support :( */
	header {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		-ms-grid-row: 1;
	}

	nav {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		-ms-grid-row: 2;
	}

	figure {
		margin-top: 10px;
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		-ms-grid-row: 4;
	}

	main {
		margin-top: 10px;
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		-ms-grid-row: 3;
	}

	aside {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		-ms-grid-row: 5;
	}

	footer {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		-ms-grid-row: 6;
	}
}