My site: http://www.parentcity.org So, the theme I use

My site:
http://www.parentcity.org

So, the theme I use (Ultimatum) has built in support for google fonts. It is really simple to use. Just turn a font on and then you can select it from a list in the general settings category.

HOWEVER, what i want to do is change the font for a very specific class/div whatever you call it. And they say I must do that with custom CSS. So I wrote this:

.element-title {
font-family: 'Gabriela';
font-size:15pt;
}

It doesn't work to change the google font. The font I am trying to change are the heading in the footer (e.g. Legal, About Us, Content Type etc..

Can you give me some advice on what is the correct code to use?