body {
    font-family: sans-serif;
    max-width: 72rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Flex grid */
.row {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}
.row > * {
    flex: 1; /* allow children to grow when space available */
}

.col-1 { flex-basis: 8.33%; }
.col-2 { flex-basis: 16.66%; }
.col-3 { flex-basis: 25%; }
.col-4 { flex-basis: 33.33%; }
.col-5 { flex-basis: 41.66%; }
.col-6 { flex-basis: 50%; }
.col-7 { flex-basis: 58.33%; }
.col-8 { flex-basis: 66.66%; }
.col-9 { flex-basis: 75%; }
.col-10 { flex-basis: 83.33%; }
.col-11 { flex-basis: 91.66%; }
.col-12 { flex-basis: 100%; }

/* Headings */
h1 {
    text-align: center;
}

/* Tables */
table, td, th {
    border: 1px solid gray;
    border-collapse: collapse;
}

td, th {
    text-align: left;
    padding: 5px;
}
