p {
    font-size: 2em;
}

.hero {
    width: 50%;
    display: inline-block;
    padding-left: 8vw;
    padding-right: 2vw;
    padding-top: 8vh;
}

.quote {
    font-size: 5.2em;
    line-height: 2em;
    padding-top: 4vh;
    padding-left: 1vw;
    padding-right: 1vw;
}

.headline {
    padding-top: 2vh;
    padding-bottom: 2vh;
}

.glyph {
    font-size: 40em;
    line-height: .8em;
    margin-top: -6vh;
}

.title {
    font-size: 8em;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.introduction {
    width: 50%;
    display: inline-block;
    padding: 4vw 8vw 4vw 4vw;
}

.sub-title {
    font-size: 6vh;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

@media (max-width:1080px){
    .quote {
        font-size: 2.6em;
    }

    .glyph {
        margin-top: 0;
        font-size: 24em;
    }

    .title {
        font-size: 4em;
    }

    p {
        font-size: 1em;
    }

    .sub-title {
        font-size: 2.4em;
    }
}