Change Storefront Page Title Font

Hi,

Setting up a new site using the Woocommerce Storefront Theme. I have a request from the client to use a specific font for Header/headings and text. (Abril Fatface for headings/headers and Oxygen or PT Sans Narrow for page text. I’ve searched and found a few things, but cannot find the correct CSS code for the page titles. I want to set the font for all Page Titles or Headings (existing and and new ones added later) with the Abril Fatface font which is already set up to use. The option is not available in the Customizer under Typography. Only color options exist there. I was able to use this CSS for the main site header, but this does not affect the Page titles – Although it looked like it worked only on the Shop page:

.site-title {
font-family: Abril Fatface;
font-size: 50px;
color: #c75c64;
}

If it matters, I use the classic editor, the Block editor and Beaver Builder lite when creating pages.

Any help is appreciated.

Thanks.

The page I need help with: [log in to see the link]