Центрирование модального окна в видимой области браузера

[tegowai]

Здравствуйте. Недавно задавал этот вопрос,мне ответили вот так:

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

 

 

но это не срабатывает. У меня длинный лендинг, который не адаптивен,т.е. при открытии на айфоне всё мелко. И чтобы нажать на кнопку модального окна (по ней попасть) нужно увеличить зум и нажать. Но тогда окно модальное оказывается вне видимой области. Как центрировать его именно внутри этой просматриваемой области?
Вот тут http://ruseller.com/lessons/les1782/demo/index.htmlвсе работает как надо,проверял. Но где решение кроется не понимаю.

[VeniVidiVici]

position: fixed;