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


}


#coffeehome {
    background-image:url("pexels-cottonbro-studio-4820817.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  


}

header {
    grid-column: 1 / -1;
    background-color: #cac32e;
    text-align: center;

}

nav a {
    color:#FFFFFF;
    padding: 1rem 0rem;
    display:block;
    text-align: center;
 

}

nav {
    font-weight:bold;
    background-color:#cac32e;
    text-decoration:none;
    position: sticky;
    top: 0;

}

nav ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#cac32e;
    display: flex;
    flex-flow:row, nowrap;
    
}

nav ul li {
    display:inline-block;
    width: 100%;
}

nav ul li a {
    text-decoration: none;
    padding: 20px;
    padding-left: 20px;
    color:#ffffff;
    background-color:#cac32e;
    display:block;
    grid-row: 1 / 2;
    grid-column: 1 / -1;
}

nav a:hover {
    background-color:#d8f904;

}

body {
    margin:0;
}

main {
   
    padding-left: 2rem;
    padding-right: 2rem;
    background-image:url("pexels-cottonbro-studio-4820838.jpg");
    background-position: center;
    grid-column: 3 / -3;
    grid-row: 3 / -3;


}

footer {
    grid-column: 1 / -1;
}