Changing text line height on mobile only 7.1

Site URL: https://accordion-pear-2lep.squarespace.com/

Hello,

I've reduced line height for my H4 text so it spaces well on desktop, but on mobile the text is overlapping itself.  ("Strength in unity" is H4)

Looking for a code to change the line height for only H4 only on mobile. 

Any ideas? 

https://accordion-pear-2lep.squarespace.com/

Password is: Davidisawesome#1

Hi. Sorry for the late reply. Can you share site access password?

On 6/21/2020 at 7:36 AM, tuanphan said:

Hi. Sorry for the late reply. Can you share site access password?

Sorry about that -- Password is: Davidisawesome#1

20 hours ago, ipratt said:

Sorry about that -- Password is: Davidisawesome#1

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
h4 {
    line-height: 1em;
}
}

9 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
h4 {
    line-height: 1em;
}
}

 

I added an !important in there and that did the trick, THANK YOU!!