Heading not responsive

Hi,

I have a little question.
On my website I’m using the Heading elements to create the headings in my text.
On a desktop this is looking good, but if I check the responsive version, it’s showing the same size but with line-breaks.

Is it possible to make them scale to the screen size?
So a H1 is a 35px font size on desktop, and it’s a 12px font size on mobile phones (accordingly to the width of the screen).

Thanks in advance.