Page headings breaking words on mobile view

Hello! I am not the builder of this website, but helping to maintain it. Currently, on several of the pages, the page heading is breaking words into multiple lines to fit on a mobile screen. I want the heading to just resize for mobile so that each word stays together. I’m fine with it breaking splitting up the title into multiple lines as long as it doesn’t break words. I understand this can be done with CSS, but I am unsure how to do it. Can someone recommend a bit of CSS that would solve this issue?

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