h4 css defaulting on mobile

Hi all- I've created my site and changed the h4 font to proxima nova which works on desktop. However, when I go to my site on mobile the h4 defaults back to playfair display. 

Also, my hamburger menu overlay on mobile defaults to a serif font and not proxima nova or playfair.

Is there additional css I should add for media screens?

Thank you!

Could you post a link to your site so that we can investigate the issue?

On 10/28/2022 at 11:10 PM, ejculp said:

https://www.emilyculpdesign.com/
00LaKe20!0

I noticed that this is happening on safari browsers.

Thank you!

Which page where we can find h4?

https://www.emilyculpdesign.com/work/contestblunders

Any of the "Works" it's right after the header so like on Concept for Milwaukee Tool  after the Headline "Contest of Blunders" it says:

On 11/2/2022 at 9:33 PM, ejculp said:

https://www.emilyculpdesign.com/work/contestblunders

Any of the "Works" it's right after the header so like on Concept for Milwaukee Tool  after the Headline "Contest of Blunders" it says:

Concept for Milwaukee Tool

Your font family code missing a - symbol. It should be proxima-nova NOT proxima nova

h4 {
    font-family: proxima-nova;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.4
}