Flip Box Problem After Selecting Google Fonts

I recently selected some google fonts for my wordpress site rather than the default. After selecting the new fonts a flip box I had added to a page went wonky (It previously worked fine with the default fonts). The icon and the text display well below the box on the front of the box. In Safari the back of the box works fine. However in firefox the issue happens on both the front and the back of the flip box. The page in question is http://gcbc.info/home/get-involved/commission-groups/dna-groups/

I have updated to 3.2.1