Mobile custom font

Hi,

I read a lot of the mobile font questions but none of the code provided worked for my site.

Template - Foster

www.sandwichceramic.com

I have assigned the custom font Avenir with "fontface" and it is working for desktop and tablet view, but the mobile view is still the default font.

@tuanphan

Would be grateful for the correct CSS to make the main Title of the site Avenir.

Thank you

a.Mobile-bar-branding {
    font-family: 'Avenir' !important;
}