Just by coincidence, I am working on the newer Preference based theme and I will be using rem font sizes, which is what the Encounters theme uses. For rem sizes, the base font-size has to be on the HTML and not the body. As I just realized, it should be like this:
html {
font-size: 110%;
}
rem (Root em) means HTML and not the body.