html, body{
    height: 100%;
}
body{
    margin: 0;
}
#wrapper{
    display: grid;
    grid-auto-rows: min-content auto min-content;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 200px)) minmax(0px, 1fr);
    height: 100%;
}
header {
    grid-column: 1 / 9;
    grid-row: 1 / 2;
    background-color: #003058;
    min-height: 75px;
}
main{
    grid-column: 2 / 8 ;
    grid-row: 2 / 3;
    background-color: #ccc;
    grid-auto-rows: auto;
}
footer{
    grid-column: 1 / 9 ;
    grid-row: 3 / 4;
    background-color: #333;
    min-height: 75px;
}