body {
    padding: 20px;
    font-family: Georgia,serif;
    font-size: 16px;
}
h1 {
    font-size: 2.5em;
    margin-bottom: 0;
}
h3 {
    font-style: italic;
    margin-bottom: 0;
}
.cols {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 800px) {
    body {
        padding: 40px;
    }
    .cols {
        flex-direction: row;
        margin-top: 1em;
    }
    h1, h2 {
        font-family: Baghdad, sans-serif;
        text-align: center;
    }
    .cols ul, .cols h3, .cols h4 {
        margin-top: 1em;
        flex: 1 1 auto;
        width: 45%;
    }
    .cols h4 {
        text-align: right;
    }
    h5 {
        font-family: Baghdad, sans-serif;
        text-align: center;
    }

}

h3 {
    font-style: italic;
    margin-bottom: 0;
}
h4 {
    margin-top: 0em;
    margin-bottom: 0;
}
h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
}
ul {
    list-style-type: '\279B';
    padding-left: 1em;
    margin-top: 0;
    margin-bottom: 0;
}
li {
    padding-left: 1em;
}
p.subtitle {
    margin-top: 0;
    font-style: italic;
}
.lede {text-align: center}