#wrapper {
    display: grid;
    align-content: center;
    margin-left: 0;
    margin-right: 0;
    max-width: 992px;
    grid-template-rows: 2fr 1fr 6fr 6fr 1fr;
    grid-template-columns: minmax(0px, 1fr) repeat(5, minmax(0, 1fr)) minmax(0px, 1fr);
}

.header {
    grid-column: 2 / span 5;
    grid-row: 1;
    background-color: rgba(0,255,0,0.5);
    width: auto;
    height: 200px;
}

.nav_bar {
    grid-column: 2 / span 5;
    grid-row: 2;
    background-color: rgba(200,0,200,0.5);
    width: auto;
    height: 100px;
}

.counter {
    grid-column: 1 / 8;
    grid-row: 3;
    background-color: rgba(255,0,255,0.5);
    width: auto;
    height: 100px;
    position: relative;
    z-index: 1;
}

.main {
    grid-column: 1 / 8;
    grid-row: 3;
    background-color: rgba(255,0,120,0.5);
    width: auto;
    height: 600px;
    position: relative;
}

.table {
    grid-column: 2 / span 5;
    grid-row: 4;
    background-color: rgba(255,0,0,0.5);
    width: auto;
    height: 600px;
    z-index: 1;
}

.table_background {
    grid-column: 1 / 8;
    grid-row: 4;
    background-color: rgba(255,140,0,0.5);
    width: auto;
    height: 600px;
}

.footer {
    grid-column: 2 / span 5;
    grid-row: 5;
    background-color: rgba(0,0,0,0.5);
    width: auto;
    height: 100px;
}