Writing over existing class for h1 subtitle

Hi everyone,

I’m still learning to code and I’m having issues. I’ve tried reading through a ton of threads, but to no avail.

My site is:
lamourcheznous.com

I’d like to tweak my blog’s subtitles, or h1 entry-title. I would like to change it to:

Quicksand
Colour: #00bdb6
Possible 120% of its current size.

For some reason I’ve managed to change the font, but not colour or size. Would anyone be able to let me know why?

Here’s what I’ve done so far:

#content h1 {
color:#00bdb6;
font-family: ‘Quicksand’, sans-serif;
size:110%
}

a {
colour:#00bdb6
}

<script type=”text/javascript”>
WebFontConfig = {
google: { families: [ ‘Quicksand::latin’ ] }
};
(function() {
var wf = document.createElement(‘script’);
wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) +
‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’;
wf.type = ‘text/javascript’;
wf.async = ‘true’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(wf, s);
})(); </script>

Thanks!
Lauren