html, body {
    height: 100%;
/*    background: rgba(255, 0, 0, .5);*/
}

/* Content idea came from
**    https://www.w3docs.com/snippets/html/how-to-make-a-div-fill-the-height-of-the-remaining-space.html
*/

#content {
    display: flex;
    flex-flow: column;
    height: 100%;
    max-width: 1140px;
/*    background: white; */
/*    padding-left: 1rem;
    padding-right: 1rem; */
    margin-left: auto;
    margin-right: auto;
}

#content .site-header {
    flex: 0 1 auto;
}

#content #main {
    flex: 1 1 auto;
}