/* Structual Elements Go Here */
#wrapper {
		background-color: #eee;
		display:grid;
		grid-auto-rows: minmax(0,auto);
		grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
	}
/* Navigation Elements Go Here */

#logo {
	width: 25%;
}

nav {
	margin-top: 35px;
	margin-right: 20px;
	display: flex;
	justify-content: space-between;
	grid-area: 1/4/2/7;
}

nav a{
	padding: 15px;
	font-size: 20px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}


/* Styling Elements Go Here */

body {
	background-color: #eee;
	color: #231f21;
	margin: 0;
	font-family: arial;
}

header {
	display: flex;
	justify-content: space-between;
	background-color: #febf4d;
	grid-area: 1/2/2/7;
}

#hero {
	width: 100%;
	grid-area: 2/2/3/7;
}


figure {
	float: left;
}

figcaption {
	text-align: center;
}

main {
	background-color: #F5F5DD;
	grid-area: 3/2/4/7;
}

#aside {
	grid-area: 1/7/9/8;
	background-color: #fff;
	padding: 10px;
}

#ad {
	margin-bottom: 20px;

}

footer {
	padding: 15px;
	background-color: #231f21;
	color: #fff;
	text-align: center;
	grid-area: 4/2/5/7;
}
/* Media Query of 960 and less goes here */

@media only screen and (max-width: 960px) {

#logo {
	width: 30%;
}

nav {
	margin-top:0px;
	margin-right: 0px;
	margin-left: 0px;
}

nav a{
	font-size: 20px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}


body {
	background-color: #eee;
	color: #231f21;
	margin: 0;
	font-family: arial;
}


header {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #febf4d;
	grid-area: 1/1/2/9;
}

#logo {
	height: auto;
	width: 50%;

}



#hero {
	width: 100%;
	grid-area: 2/1/3/9;
}


figure {
	float: none;
}

figcaption {

}

main {
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: #F5F5DD;
	grid-area: 3/1/4/9;
}


footer {
	padding: 15px;
	background-color: #231f21;
	color: #fff;
	text-align: center;
	grid-area: 4/1/5/9;
}

	#aside {
		display: none;
		grid-area: 1/7/9/9;
		background-color: #fff;
		padding: 10px;
	}

	#ad {
		display: none;
		margin-bottom: 20px;

	}


}