Brakepoint tekstsize

Hi, 

Can anyone help me with a textsize problem?

On laptop and mobile the textsize is going well. But when I look at a large desktop somehow after e certain breakpoint the text will get smaller than the regular size. Is there a css code available to change this? 
So in the left screenshot is how its suppose to be, the second screenshot its how it looks on bigger screen

https://braceforimpact.squarespace.com/new-page

PW: Braceforimpact12

@Ziggy do you maybe know a solution for this?

This looks like a product of the way you have the blocks laid out, can you put all of the text in a single text block and the icon to the left? Line breaks might also help to keep the lines even in length?

@Ziggy I've put all the text in 1 block now but the font still gets smaller, not only in the top header but troughout the website. Can it be something in a code I've used?

The fonts in Squarespace use a calculation for the size that factors in the screen width to balance the font size on smaller and larger screens. You can change this to be a fixed size like this:

h1 {font-size:64px;}

But this will be problematic on smaller screens, so would need a few media queries.

or tie the font size directly to the screen width: 

h1 {font-size:3vw;}

But this can get too large and too small, so a combination can work well with "clamp":

h1 {font-size:clamp(32px, 4vw, 64px);}

I might also suggest removing the overlap from these blocks and set up the rotating block right-aligned.

@Ziggygreat this might seem to work. I don't understand exactly the formula so can you help me do this for H2 + H3 + H4 as well? 

h1 {font-size:clamp(32px, 4vw, 64px);}
h2 {font-size:clamp(..px, ..vw, 61px);}
h3 {font-size:clamp(..px, ..vw, 52px);}
h4 {font-size:clamp(..px, ..vw, 25px);}

Thank you in advance 

30 minutes ago, Lian said:

Thank you in advance 

Try this, but you may want to tweak the numbers, look at it on various screen sizes.

h1 {
  font-size:clamp(32px, 4vw, 64px);
}
h2 {
  font-size:clamp(28px, 3.6vw, 60px);
}
h3 {
  font-size:clamp(24px, 3vw, 52px);
}
h4 {
  font-size:clamp(16px, 2vw, 24px);
}

I tend to like to make a hidden test page that includes all of the heading and paragraph text sizes so I can see everything together.