#main-content {
    max-width: 80%;
}

#ascii-table-grid {
    display: grid;
    grid-template-areas:    'con1 con1 con2 con2 text1'
                            'text2 text3 text4 text5 text6';
    column-gap: 50px;
    row-gap: 20px;
}

@media only screen and (max-width: 1200px) {
    #ascii-table-grid {
        font-size: 0.8em;
        grid-template-areas:    'con1'
                                'con2'
                                'text1'
                                'text2'
                                'text3'
                                'text4'
                                'text5'
                                'text6';
    }
}

#ascii-table-grid th {
    text-align: left;
}

#ascii-control1 {
    grid-area: con1;
}

#ascii-control2 {
    grid-area: con2;
}

#ascii-text1 {
    grid-area: text1;
}

#ascii-text2 {
    grid-area: text2;
}

#ascii-text3 {
    grid-area: text3;
}

#ascii-text4 {
    grid-area: text4;
}

#ascii-text5 {
    grid-area: text5;
}

#ascii-text6 {
    grid-area: text6;
}