header{
    background-color:blue;
    grid-row: 1 / 2;
    grid-column: 1 / -1;
}
nav{
    font-weight: bold;
    background-color:gray;
    grid-row: 1 / 2;
    grid-column: 2 / -2;
    display: block;
    padding: 1rem 1rem;
    text-align: center;
}
div nav img{
    float: left;
    display: flex;
    justify-content: center;
}
nav p{
    float: left;
}
nav b{
    color: orange;
    float: right;
}
nav a{
    color: greenyellow;
    float:right;
    text-decoration: none;
    padding: 1rem 0rem;
    display:block;
    text-align: center;
    
}

nav ul{
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-flow: row;
    list-style-type: none;
}
nav ul li{
    width:100%;

}

div{
    background-color: bisque;
    grid-row: 2 / 3;
    grid-column: 1 / -1;

}
main{
    padding-left: 1rem;
    background-color: #ffffff;
    grid-row: 4 / 5;
    grid-column: 2 / -2;
}
main h3 p{
    float: left;
}
main img{
    float: right;
}

h3{
    color: orange;
    font-size: larger;
}


footer{
    background-color: greenyellow;
    grid-row: 5 / 6;
    grid-column: 1 / 4;
}
footer a{
    background-color: orange;
    grid-row: 5 / 6;
    grid-column: 4 / -1;
}
#wrapper{
    display:grid;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0px,1fr) repeat(6, minmax(0, 175px)) minmax(0px,1fr);
}
#background {
    height: 300px;
    background-image: url(juicebox/dognut.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    grid-row: 3 / 4;
    grid-column: 1 / 9;
}
#greybar{
    background-color: grey;
    grid-row: 1 / 2;
    grid-column:1 / -1;
}