Can't Remove Hyphens in Mobile?!

I'm working on a 7.0 Brine website & I added this CSS to remove all hypens:

p, h1, h2, h3 {
  webkit-hyphens: none !important;
  moz-hyphens: none !important;
  ms-hyphens: none !important;
  hyphens: none !important;
  }

The hyphens are gone when I preview the site in Squarespace, but on mobile in Chrome & Safari, the hypens are still rendering and I'm not sure why, I've tried everything even setting a max-screen width of 640px to remove them, but they still show up. Any help would be appreciated!

p,
h1,
h2,
h3 {
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}

3 hours ago, rwp said:

p,
h1,
h2,
h3 {
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}

 

This worked, thank you!!