Indent a heading that spills over two lines on mobile only

Hi,

I’ve used additional CSS to indent the heading of a page. On the desktop version this heading goes over one line, and the indent works fine. On the mobile version however, the heading spills over two lines, and what is now the second line of the heading is no longer indented, meaning that the two words are misaligned.

How can I apply the indent to the second word of the heading, so that it’s correctly indented on the mobile version?

Additional CSS used:

.page-id-25892 .content h1 {
line-height: 5rem !important;
text-indent: 40px
}

Thanks!

The page I need help with: [log in to see the link]