This didn't seem to be so much about the specificity of the selectors. The browsers kept seeming to just want to ignore and punt back to serif without the !important no matter what I did. So in the interest of time, I went with this.  However, one selector is missing, so I am updating this PR.