#wrapper{
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
}
nav{
    grid-column: 1 / -1;
    height: 100px;
    background-color: rgba(0,0,255,.3);
    grid-row: 1 / 2;
}
#heroimage{
    grid-column: 1 / -1;
    height: 800px;
    background-color: rgba(255, 0, 0, .3);
    grid-row: 1 / 4;
}
#border {
    position: relative;
    grid-column: 2 / -2;
    height: 650px;
}

main{
    position: relative;
    top: -250px;
    height: 900px;
    background-color: rgba(60, 179, 113, .3);
    
}
footer{
    grid-column: -1 / 1;
    height: 75px;
    background-color: rgba(225, 225, 0, .3);
    grid-row: 5 / 6;
}