Wyśrodkowanie tekstu w poziomie i scroll w trybie dla mniejszych ekranów (menu)

Witam,

JSFIDDLE:
http://jsfiddle.net/DTcHh/28049/
w zasadzie mam dwa problemy z tym:

1. napisy nie chcą się wyśrodkować poziomo.
2. jak pomniejszy się okienko przeglądarki i naciśnie hamburger to mam menu scrollowane w bok zamiast jedno pod drugim.

proszę o pomoc, oraz podpowiedzi jak uporać się z tym problemem.
Dziękuję.

vertical-align nie działa na elementach blokowych, to po pierwsze,

po drugie najlepiej wrzuć to na jakieś jsfiddle bo nie wiem dokładnie gdzie jest problem