HTML 5 has a HEADER tag, use it instead of section if this is in fact a HEADER.

Avoid saying that an Anchor is a button, it isn't... and avoid saying presentation -- like BGStroke -- in your markup. That's NONE of HTML's business.

Also it's not a great idea to mix and match PX with EM. Pick one -- preferably EM/REM -- not BOTH! This is particularly true given you've flipped the bird at accessibility with that garbage font-size:20px

Further excaserbating matters is your garbage white on light blue that's effectively invisible / illegible to 80%+ of the population. It's called the WCAG -- web content accessibility guidelines -- it might help to familiarize yourself with it.

Tools like that at WebAIM can help you with that.

https://webaim.org/resources/contrastchecker/

Which if you plug in your #3CC background with white text it's only 1.97:1 contrast, failing EVERY test in an age where AAA normal should be treated as the MINIMUM thanks to garbage thin-glyph fonts like Lato, idiotically illegible font-weights like 100, and font-smoothing technologies.

Thus why for the majority of users your paragraph might as well not even be on the page.

And why seriously ANYONE telling you it’s ok to declare font-weight:100 needs a good swift kick in the groin, followed by a nice double-slap across the face with a pair of wet trout. Way to tell visitors to your pages to go plow themselves.