Высота до большого пейзажа

Question

У меня есть прямоугольный сайт с кнопками навигации внизу. При просмотре веб-сайта в ландшафтном режиме снизу и навигации отключается, не видно. Как я могу сделать его вертикально центрированным в ландшафтном режиме?

Мой контейнер:

#container { 
height: 500px; 
width: 910px; 
margin-right: -200px; 
margin-left: -450px; 
position: fixed; 
top: 20%; 
left: 50%; 
overflow: hidden; 
} 

Answer 1

Добавьте эти строки, но работает только в новых браузерах. Here is idea

display: flex; 
align-items: center;