I added the above text by cutting and pasting into the base.css file before the last }
I saved the file and checked and the word wrap still splits the word on my cell phone.
Just noticed that if I turn my phone to landscape the page loads without the funny word break.
Also, when I paste the text into the base.css I noticed that it does not have the indents that the other entries have. Are those indents just to make reading the file easier or do they have some significance?