How can I force the site title to wrap in my header?

I am trying to get my three word title to wrap but nothing seems to work. I am using a custom template I created from Artisteer.

Here is the additional CSS I added to try and force it. I tried to set the max width and force breaks but it doesn’t seem to work.

.amn-headline, .amn-headline a, .amn-headline a:link, .amn-headline a:visited, .amn-headline a:hover
{
display:inline-block;
max-width:300px !Important;
word-break: break-all !Important;
word-break: break-word !Important;
}