How to apply a max-width to a rich text section on mobile?

[EnnisPark]

Hi, 

I'm trying to apply a max-width to my rich text section on my home page due to the way it appears on mobile, but the following code isn't working. Theme is CRAFT by Shopify. 

@media only screen and (max-width: 600px) {
.rich-text__heading {
max-width: 80%;
}
}

Does anyone have any suggestions? I am applying this code in the rich-text.liquid file.

[Musfirah]

Hi @EnnisPark ! Kindly share your store url.

[EnnisPark]

ennispark.com