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

header{
    display: grid;
    background-color:pink;
    grid-column: 1/9;
    text-align: center;
    height: 158px;
   
}

 
nav{
 background-color:#f2f2f2;
    padding: 0px;
grid-column: 1/9;
grid-row: 2/3;


}

nav ul{
list-style: none;
padding: 0px;
text-decoration: none;
width: 100%;
flex-wrap: nowrap;
flex-flow: row;
display: flex;
}


nav a{
    text-decoration: none;
    display: block;
    text-align: center;
}

nav li{
width: 100%;
}


body{
  background-color: aqua;
  margin: 0px;
}

.homehero{
background-color: rgb(157, 66, 66);
grid-column: 1/9;
grid-row: 2/4;
height:300px;
text-align: center;

z-index: -10;
}

main{
    background-color: #ffffff;
    grid-row: 4 /5 ;
    grid-column: 2 / 8;
padding-left: 2rem;
padding-right: 2rem;
padding: 300px;

}



p{  
    grid-column: 2/7;
}


footer{
background-color: blue;
grid-column:1/9 ;
height:100px;
text-align: center;
color: #f2f2f2;

}