Logo Mobile View and Article Issue

Hi, I have updated the template to the latest version and I am still having these issues. My site url is www.towag.org/tow/

1. Mobile Text Logo "overflowed" to the header section while on vertical mode. It does not have issue while on horizontal mode. How do I fix it?

2. How do I text align the article title to center? I tried amending a few css but it didn't work.

Hi,
ad 1) It maybe a small problem because your logo is too long.
So we have two options:
1) reduce font-size on mobile view
2) use image logo (but smaller) also on mobile view

I think (1) would be better.

ad 2) but where exactly in article view, in category view or maybe in module view -- give me example URL

By the way I suggest:
1) reduce size of font here: http://www.towag.org/tow/index.php/sermons and on similar views
2) add your own favicon
3) use your own customized colors in Events Calendar, now light pink color looks horrible.

Thanks for the tip. Still finding my way around. Will come back here if I still have trouble.