Need Help To Disable Word Hyphenation Using Burke Template 7.0

Hello! I do not have code experience but I am a quick learner. I need help with disabling word hyphenation. When I view my site on a mobile device it has broken, hyphenated words throughout the site which I do not want. When viewing it on mobile view on my laptop it doesn't show the hyphenated words- which is weird. So instead of having hyphenated words, I would like them to just move to the next line.

The fonts that are being hyphenated are: Heading 1 and Heading 2.

Here is my site: 

https://www.febcentralchurchplanting.ca

password: churchplanting

I am using the Burke 7.0 template.

If you could please help me with the code to use, and where to paste the code that would be fantastic! Thank you very much!!

You can add this code to Design > Custom CSS

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