@media screen and (max-width: 1920px) and (min-width: 811px) {
    html {
        font-size: 16pt;
    }

    h2, h3, h4 {
        line-height: 0.8;
    }

    #homepage #hero p, span {
        font-size: 42pt !important;
    }

    #project {
        project {
            p {
                font-size: 16pt;
            }
        }
    }

    #resume {
        section resume-block {
            span {
                font-size: 16pt;
            }
        }
    }
}

@media screen and (max-width: 810px) {
    #nav {
        padding: 10px;
    }

    #homepage #hero p, span {
        font-size: 36pt !important;
    }

    #projects .project .name {
        font-size: 16pt !important;
    }
}