body{
	background-color: rgb(220,220,220);
}

header h1{
	font-size: 2.5em;
	text-align: center;
}


nav ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style: none;
}

nav ul li{
	font-size: 1em;
	margin: 0 5px;
}

nav ul li a{
	display: block;
	background-color: rgb(255,255,255);
	color: rgb(255,0,0);
	font-size: .75em;
	text-decoration: none;
	padding: 5px;
}


section{
	font-size: .75em;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

figure{
	width: 154px;
	border: 1px solid rgb(0,0,0);
	margin: 0px;
}

img{
	width: 150px;
}

@media only screen and (min-width: 651px) {

	nav ul li{
		font-size: 1.5em;
	}

	section{
		font-size: 1em;
		justify-content: flex-start;
	}

	figure{
		width: 204px;
	}

	img{
		width: 200px;
	}
}
