Nochmal:
ein 100% breiter Container kann nicht mehr zentriert werden.
Und text-align:center zentriert Text (und inline-Elemente) innerhalb eines Containers - keine Blockelemente.

Lass width:100% weg (bzw nimm einen passenden %-Wert) und setz Werte für margin-left/-right. Dann hast du deine Zentrierung.
Du musst dann deine Box-Breiten noch anpassen.