How to add container to that absolute element?

Can you take a look?

http://jsfiddle.net/ksefwoyg/

I try to set somehow the absolute class when zoom out max-width: 1200px; then that content in text stay middle of page.

As it is with position absolute its seems not works. You have any idea how to add container to that absolute element?

Thanks.

I mean order is depends?

Like on a header with 100vh? I try some with under but to set to top left is not working just if paste above header element. If paste under header then the whole content got under 100vh screen.

Someone know more about this?

Thanks