/* Structual Elements Go Here */
main {
	background-color:#fff;
	padding:20px;
	grid-column:3/-2;
}

#wrapper {
	display:grid;
	grid-auto-rows: minmax(0,auto);
	grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
}

footer {
	background-color:#2d5ba6;
	color:#fff;
	font-size:.5rem;
	padding:20px;
	grid-column:3/-2;
}

nav {
	background-color:#edeeef;
	padding:0px;
	margin:0;
	grid-column:2/3;
}

body {
	background-color:#edeeef;
	color:#555;
	margin:0;
	font-family:lato;
}


/* Navigation Elements Go Here */

nav ul {
	display:flex;
	flex-flow:column nowrap;
	list-style-type:none;
}

nav ul li{
	width:100%;
}

nav ul li a {
	width:100%;
	text-decoration:none;
	color:#555;
	display:block;
	padding:10px;
}

nav a:hover {
	background-color:#fff;
	color:#d53631;
}

/* Styling Elements Go Here */
p {
	line-height:1.25rem;
}

.a {
	color:#d53631;
}

video {
	width:responsive;
}

img {
  	padding-top:10px;
	padding-left:10px;
	padding-bottom:0;
	padding-right:0;
	float:right;
}

.imgtext {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:0;
	padding-right:0;
	text-align:justify;
	width:300px;
	font-style:italic;
	float:right;
	font-size:.75rem;
	text-align:center;
	}

h2 {
	border-bottom:2px solid #555;
}

/* Media Query of 960 and less goes here */
@media only screen and (max-width:960px) {
	nav ul {
		display:flex;
		flex-flow:row nowrap;
		vertical-align:bottom;
		grid-column:2/-2;
	}
	main {
		grid-column:2/-2;
	}
	footer {
		grid-column:2/-2;
	}
	img {
		width:100%;
		height:auto;
		padding:0px;
		float:none;
	}
}