#wrapper {
	min-width: 960px;
	max-width: 2048px;
	display: grid;
	grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 1fr)) minmax(0px, 1fr);
	grid-template-rows: auto;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 1px 15px 5px #666666;
} 

body {
	font-family:'Times New Roman', Times, sans-serif;
	margin:0px;	
}

nav {
	background-color:saddlebrown;
	grid-column: 1 / -1;
	grid-row: 1;
	font-weight: bold;
    font-size: 2rem;
}

nav a {
	padding: .5rem 0rem;
	text-align: center;
	text-decoration: none;
	color: #000000;
	display: grid;
    grid-row: 1;
	
}

nav a:hover {
	background-color:peru;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-row: 1;
}

nav ul li {
	width: 100%;
	box-shadow: 0px 1px 1px 1px peru;
}

#homeImage {
	margin-bottom: 1rem;
	background-image: url("pics/vegetables.jpg");
    height: 300px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	grid-column: 1 / -1;
    grid-row: 2/5;
	box-shadow: 0px 1px 1px 2px #666666;
}

header {
	background-image: url(pics/wood.jpg);
	margin: 1rem 0 1rem 1rem;
	display: grid;
	text-align: center;
	padding: 15px;
	height: max-content;
	width: max-content;
	grid-column: 1 / 4;
	grid-row: 2;
    box-shadow: 0px 0px 4px 2px #666666;
	z-index: 1;
}

header h1 {
    font-size: 4rem;
	margin: 0;
}

main {
	color:black;
	font-size: 2rem;
	margin: 1rem 0 1rem 0;
	grid-column: 2 / -2;
	grid-row: 5;
	padding: 15px;
	box-shadow: 0px 0px 4px 2px #666666;
}

h2 {
	color:black;
	font-family: 'Georgia', sans-serif;
	
}


footer {
	margin: 1rem 0 1rem 0;
	box-shadow: 0px 0px 4px 2px #666666;
	color: #3f3f3f;
	font-size: 1em;
	text-align: left;
	padding: 10px;
	grid-column: 2 / -2;
	grid-row: 7;
}

footer h4 {
	margin: 0;
	font-size: 2rem;
    color: #272727;
	text-decoration: underline;
	padding: 10px
}

footer div {
	padding: 0 0 15px 15px;
}