How to override text scaling on mobile for 7.1

I've used text scaling for my H1 text at the top of my website (hero), but it doesn't translate well to mobile. I'd prefer the text break to two lines and maintain the H1 without scaling. Appreciate the help!

The text I'm referring to is "Accounting is boring."

Also, would love help on how to maintain button padding on mobile (that's not translating to mobile well either).

Thanks!

If you're using the Fluid Engine grid layout, the desktop view and the mobile view can be individually edited. As for the scaling text.

My suggestion would be to use a code specifically for mobile to prevent the text from scaling. Could trying using something like :

@media only screen and (max-width: 749px){
h1 {
font-size: 48px !important;
	}
}