:root {
    --r2r-multi: calc(10/12)
}

.class {
    margin: -10px .5em;
    padding: 5rem .5px;
    border: 3px solid black;
    font-size: calc(0.875rem * var(--r2r-multi));
    line-height: calc(1.25rem * var(--r2r-multi));
}
.class2 {
    font-size: 32px;
    font-size: calc(2rem * var(--r2r-multi));
    line-height: 1em;
}
@media (min-width: 750px) {
    .class3 {
        font-size: calc(1rem * var(--r2r-multi));
        line-height: calc(1.375rem * var(--r2r-multi));
    }
}

/*
.class {
    font-size: 16px;
}
*/