Wells custom font with gallery title

Site URL: http://ryandandelion.art/

Hello!

I need help with three things. How do I change:

- Wells gallery title font (working on desktop but not mobile)

- Wells primary navigation font (working on desktop but not mobile)

- Wells gallery navigation control font (both desktop and mobile)

I greatly appreciate the help!


Here is the custom code I'm using:

//---Body/Header font---
@font-face {
    font-family: 'HelveticaDisplay-Light';
       src: url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f676ac9b71066357b080fc5/1600613067730/HelveticaNowDisplay-Light.otf),
url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677df128978b1bff1689cb/1600617970650/HelveticaNowDisplay-Light.woff),
url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677e01d78cc314d212f79b/1600617986036/HelveticaNowDisplay-Light.woff2);
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'HelveticaDisplay-Bold';
       src: url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f676ad1ff16fc496ca631fd/1600613074855/HelveticaNowDisplay-Bold.otf),
url(hhttps://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677e0963133850a62221fe/1600617993838/HelveticaNowDisplay-Bold.woff),
url(https://static1.squarespace.com/static/5577a31fe4b013708f1743a1/t/5f677e0c63133850a6222217/1600617997051/HelveticaNowDisplay-Bold.woff2);
    font-weight: normal;
    font-style: normal;
  }

P {
  font-family: 'HelveticaDisplay-Light';
}

H1, H2, H3 {
  font-family: 'HelveticaDisplay-Bold';
}

//---Navigation font---
div#topNav a {
   font-family: 'HelveticaDisplay-Bold' !important;
}

//---Gallery Title font---
.image-title  {
  font-family: 'HelveticaDisplay-Light';
}

//---Gallery Description font---
.image-desc  {
  font-family: 'HelveticaDisplay-Light';
}

Add to Home > design > Custom CSS

/* gallery title */
.image-title-mobile strong {
    font-family: 'HelveticaDisplay-Light' !important;
}
/* Mobile nav font */
nav.main-nav.mobile-nav * {
    font-family: 'HelveticaDisplay-Light';
}
/* gallery controls */
.collection-type-gallery .meta .gallery-controls#simpleControls .control {
    font-family: 'HelveticaDisplay-Light';
}