[Theme: Zerif Lite] Big Title header font changes make text smaller

I am trying to change the big title header to emphasize certain words in the title. When I do that however, I run into a font problem. If I change anything to a specific word outside of the css, such as font color, it becomes significantly smaller.

Currently I have the font being extremely big in the CSS and this is what I input for the big title section input under customize:

<font color="#FFFFFF">The Answer To</font> Getting Fit <font color="#FFFFFF">And</font> Staying Healthy <br /><br /> <font color="#FFFFFF"> <br />iOS app Launch: July 7th <br />Android Launch: August 7th<br />Upgrade Launch: August 21st</font>

Any ideas? I want to make the words “Getting Fit” and “Staying Healthy” blue with the rest white, without changing font size. When declaring the font color white the text becomes significantly smaller. I also want to continue and make a box around the Launch dates.

Any Ideas on how to do that?
Thanks in advance.

Edit: Link to the site in question: https://www.swimcomprs.com