/* Centering */

nav {
	/*border: 1px solid green;*/
	margin: 0 0 2.5em 0;
}

main {
	margin: 0 auto;
	max-width: 37em;
	padding: 0em 1em;
}

header  {
	margin-bottom: 3em;
}

section  {
	margin-bottom: 3em;
}

/* Fonts */

body {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	line-height:1.5;
}

header h1 {
	font-size: 2em;
	line-height: 1.2;
	margin-bottom: 0em;
}

header h2 {
	font-weight:lighter;
	font-size: 1.3em;
	line-height: 1.2;
}

h1 {
	font-weight:bolder;
	font-size: 1.4em;
	line-height: 1.2;
	margin-bottom: .5em;
}

h2 {
	font-weight: lighter;
	font-size: 1.2em;
	line-height: 1.2;
	margin-bottom: .5em;
}

p {
	font-weight:normal;
	font-size: 1em;
	margin-bottom: 1em;
}

nav ul{
	display:flex;
	width: 100%;
}

nav li {
	flex-grow: 1;
	padding: 1em 0;
	text-align:center;
}

nav a {
	font-size: 1.2em;
	line-height: 1.2;
	text-decoration: none;
	color: DarkGray;
}

ul {
	margin-bottom: 1.5em;
}

a {
	text-decoration: none;
}

.gameRow {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	margin-left: -.5em;
	margin-top: -.5em;
}

.gameItem {
	border: 2px solid #666;
	height: 75px;
	transition: .2s;
	box-sizing: border-box;
	margin-left: .5em;
	margin-top: .5em;
}

.gameItem:hover {
	transform:scale(2,2);
}

.flexContainer {
	max-width: 36em;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
}

.flexItem img {
	border: 2px solid #666;
}

.flexItem {
	width: 16em;
	height: 16em;
	transition: .2s;
	box-sizing: border-box;
}

.flexItem:hover {
	transform:scale(1.1, 1.1);
}