.hero__title{
    padding: 0 var(--global-padding) 0; 
}
.hero__title--r1{
    padding: 3rem 0 0;
    display: block;
    font-size: 92px;
    font-size: 6rem;
    font-family: var(--os);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--umkc-yellow);
}

@media screen and (min-width: 960px){
    .hero__title--r1{
        padding: 7rem 0 0;
        font-size: 200px;
        font-size: 12.5rem;
    }
}