Я уже давно понял, что лучше сразу делать адаптивно. Иначе потом все равно переделывать придется. Контейнер у меня выглядит так:

.container {
width: 100%;
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}

Причем стараюсь делать все резиново. Если такой возможности нет - медиазапросы.

В принципе вам уже ответили, но вдруг кто у кого нет jq в проекте

<input type="text" onkeyup="this.value = this.value.replace(/[^\d]/g,'');">

Дело в том, что если вы даете блоку позицию, то это позиция его верхнего левого угла, а не центра. Чтобы сместить блок в центр ему дается translate, параметры в процентах при этом вычисляются исходя из размеров самого блока. Т.о. вы получаете возможность центровать блок в окне браузера не зная его абсолютных размеров.

это мульти бэкграуднд.

.container {
   background-image: linear-gradient(rgba(0,200,255,.5), rgba(200,0,255,.5)), url(pic.jpg);
}