body {
    background-color: forestgreen;
    color: snow;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

img{
    max-width: 100%;
}

/*Navigation*/
nav ul {
    border: 1px solid #e7e7e7;
    background-color: #333;
    display: flex;
    list-style-type: none;
    padding: 0;
}

nav ul li {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    display: flex;
}

nav ul li a{
    color: white;
    text-decoration: none;
    padding: 0.75em;
    align-content: center;
    text-align: center;
}

nav ul li a:hover:not(.active) {
  background-color: #111;
}

/*Navigation classes */
.active {
  background-color: #04AA6D;
}

/* header styles */
header {
    grid-area: banner;
}

/* main styles */
main{
    grid-area: main;
}

/* aside "hours" styles */
aside {
    grid-area: aside;
}

/* misc styles */
footer {
    grid-area: footer;
}



/*Overall Grid - START*/
#container{
	display: grid;
	grid-template-rows: auto auto 5em;
	grid-template-columns: minmax(25em, 1fr) 16em;
	grid-template-areas: "banner banner" "main   aside" "footer footer";
}