css – word-break: how set to normal?


I am designing a website using the Catch Vogue theme. My problem is that some words are broken in half. So the word-break is not normal. I do not want this to happen: especially for my site-title.

For example:
pro
blem

I tried to change this in CSS to set word-break to normal. Or to change the font-size. But nothing changes. See my code below. Somebody who knows how to solve this issue?

.entry-content,
.entry-summary,
.page-content,
.nav-links,
.comment-content,
.widget
.page-title
.title
{
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
word-wrap: normal;
word-break: normal;
}

body
{
word-break:normal !important;
overflow-wrap: normal;
}

#intro
.page-title
.title
{
font-size: 20px
}