h1 {
    font-weight: 500;
    font-size: 1.8em;
}

.layout-desktop h1 {
    font-size: 2em;
}

h2 {
    font-weight: 500;
    font-size: 1.5em;
}

h3 {
    font-weight: 500;
    font-size: 1.17em;
}

@media all and (min-height: 720px) {
    html {
        font-size: 20px;
    }
}

/* This is supposed to be 1080p, but had to reduce the min height to account for possible browser chrome */
@media all and (min-height: 1000px) {
    html {
        font-size: 27px;
    }
}