Heading Font is displaying larger at smaller screen sizes why is this

Why is my header font displaying bigger on smaller screens? 

Can you share your website URL?

Part of Squarespace's responsiveness adjusts the heading size to be relatively larger on smaller screens to maintain legibility, but are typically a smaller font size in absolute terms.

Hi Ziggy,

Here is the website URL

https://blueberry-brass-g9r7.squarespace.com/

PW: DY@w#7Mave

It does appear to be changing in an unexpected way. Do you have any CSS targeting the font size?

Yes we are currently using this:

@font-face {
    font-family: 'fragment';
    src: url(https://static1.squarespace.com/static/66445a5f3201a85a492e1af0/t/665409eb3d64a040dbed1eae/1716783596754/PPFragment-TextRegular.otf);
} 

@font-face {
    font-family: 'fragment-italic';
    src: url(https://static1.squarespace.com/static/66445a5f3201a85a492e1af0/t/665409ebb0f5820f0aa89800/1716783596573/PPFragment-TextRegularItalic.otf);
}

h1 {
    font-family: 'fragment';
}

h2 {
  font-family: 'fragment';
}

h3 {
  font-family: 'fragment';
}

h4 {
  font-family: 'fragment';
}

.image-overlay {
    background-color: transparent !important;
}

Nothing there is affecting the font size. If you do want your heading fonts to scale more directly with screensize then you can do that with a clamped property on the font size. 

Values correspond to clamp(min, value, max) so you can have the value be directly related to the viewport width with VW and have a maximum and a minimum so it never gets too large or too small.

h1 {
  font-size:clamp(24px, 8vw, 64px);
}

I can no longer see your website, as the trial has expired.