/* Styles relating to the layout (but not typography) of the main body. */
main
{
    display: flex;
    flex-direction: row;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
}
div.layout-main-column
{
    max-width: 60em;
    margin: 0 50px;
}

@media only screen and (max-width: 700px) {
    /* Bring the margins in for small displays: */
    div.layout-main-column
    {
        max-width: 60em;
        margin: 0 15px;
    }
}