How to center site title and description on all screen sizes

Hi!

I need help with my Twenty Eleven website http://www.9unitstudio.se
that I hope you guys can help me with.

1. I have managed to center the site title and description so it looks good on my computer and bigger screens, but on my phone the site description appears more to the right than centered. I guess it’s some margins or so that are wrong?

(The site description is “Snabbt – snyggt – design”)

2. I also would like to center my widgets in the footer, most importantly on mobile devices but also on bigger screens so that they are centered in “their own widget area/column”. Does that make sense?

For example the location widget should be centered in widget area 1, and the contact widget should be centered in widget area 2.

Thankful for any help!