Menu bar font change not working in child theme

Hey everyone,

I’ve just given myself a crash course in WordPress basics and creating a child theme, so I don’t really know much about code, but:

I created a child theme so I could change my site’s fonts and colours. I’ve gotten most font changes to work so far (including some using the font I am having trouble with), but in trying to change the menu bar font, I’m not even sure if it’s working. In Chrome, it appears to be showing up as I want it with the new font. However, in Firefox and Safari, it’s gone back to the old font, and even if I do “inspect element” and try to change the font in there, it doesn’t work. I have cleared the caches on all my browsers.

My website is jessicafaulds.com

The menu bar font code I created is this:

\\
.main-navigation li {
float: none;
position: relative;
font-family: ‘League Gothic’, Arial, sans-serif;
font-weight: 300;
display: inline-block;
}
\\

Again, I don’t know much about CSS or coding at this point. Any help? Thanks!