Increase size of font on Grid images CSS Deletes French Accent

Site URL: https://turbot-armadillo-ja5c.squarespace.com

Hi,

The issue relates to the first page of the website, Password: SandraCB 

I have used the CSS below to increase the size and font of the Gallery text, however, this code removes the French accent over the E of IDÈES.  I have pinpointed the issue down to this CSS as if I remove it the accent reappears.

//increase size of font on Grid images//
.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title {
  font-family: "Charlemagne Std", Times, serif;
   font-size: 22px
}

Can anyone help?

Many thanks

Sandra