*{
    box-sizing: border-box;
}

body{
    background-color: grey;
    max-height: auto;
    max-width: auto;
}

#wrapper {
    background-color: white;
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 175px));
}



header{

    background-color:rgba(0,0,255,0.3);
    
    height: 128px;

    grid-column: 1/-1;
    grid-row: 1/2;

}
header #logo{
    background-color: black;
    z-index: 1;
    height: 128px;
    grid-column: 1/3;
    grid-row: 1/2;
}

header #restaurant_name{
    background-color: white;
    z-index: 2;
    height: 128px;
    grid-column: 3/-1;
    grid-row: 1/2;
}


nav{
    background-color: rgba(255,0,0,0.3);
    height: 100px;
    grid-column: 1/-1;
    grid-row:2/3;
}

#sushi_picture_one{
    background-color: rgba(255,165,0,0.3);
    height: 255px;
    grid-column: 1/-1;
    grid-row: 3/4;

}

main{
    background-color: rgba(58, 236, 103, 0.3);
    height: 1117px;
    grid-column: 2/-2;
    grid-row: 4/7;
}

footer{
    background-color: aquamarine;
    height:100px;
    grid-column: 1/-1;
    grid-row: 6/7;
}