Changing Font Travelify

I am trying to change the font on the entire website into something that is a bit wider.

I have tried using the custom CSS found on https://colorlib.com/wp/forums/topic/how-to-change-default-travelify-font/ and changed it to meet my needs. Along with my other tweaks, here’s what my current CSS file looks like:

.featured-text {
	display: none;
}
.hgroup-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
.slider-cycle {
    pointer-events: none;
    cursor: none;
}
.page .entry-title {
    display: none;
}
body,input,textarea,article {
	font: 14px Oswald, sans-serif;
}

I’ve also tried inline alterations, just to make the title change and I can’t get that to budge either. Here is my code for the title. I’m also using shortcode from Shortcodes Ultimate to put an easy divider up, just in case you didn’t recognize the extra coding.

[su_heading]
<h1><span 'Oswald', sans-serif; style="color: #800080;">Fostering?love in Lancaster![/su_heading]</span></h1>

I’m no coding master and don’t fully understand fonts (obviously, or else I wouldn’t be posting here). I do realize that the fonts have to be loaded and available for each unique browser, so I also tried using comic ms sans just to see if I could affect a change. Nothing.

The website I’m currently working on has an ‘under maintenance’ front page up right now, by request of the owner, but I can pull it down for a short time if you can tell me when you’d like to look at it. https://lancasterfamilyday.com/

Thanks!
-Brian