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

header {
    grid-column: 2 / -2;
    grid-row: 1 / 2;
    background-color: rgba(0,255,255,.3);
    height: 75px;
}

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

main {
    grid-column: 2 /-2;
    grid-row: 3 / 4;
    background-color: rgba(255,255,0,.3);
    height: 500px;
}

footer {
    grid-column: 2 / -2;
    grid-row: 4 / 5;
    background-color: rgba(255,100,100,.3);
    height: 50px;
}

#homehero {
    grid-column: 2 / -2;
    grid-row: 2 / 4;

}