@media (min-width: 768px) {

    h2 {
        font-size: 1.625em; /* 26px / 16px = 1.625em */
    }

    h3 {
        font-size: 1.375em; /* 22px / 16px = 1.375em */
    }

    h4 {
        font-size: 1.25em; /* 20px / 16px = 1.25em */
    }

    h5 {
        font-size: 1.125em; /* 18px / 16px = 1.125em */
    }

    h6 {
        font-size: 1em; /* 16px / 16px = 1em */
    }

    p {
        font-size: 1em; /* 16px / 16px = 1em */
        line-height: 1.6;
    }

    footer#colophon section > .wrapper {
        flex-direction: row;
        align-items: center;
    }
}