Артур Аристов

Обычно это делается с помощью дополнительных обёрток. Исследуйте код страницы, и вы найдёте на ней блоки с классом container, у которых как раз ограничена ширина и которые выравниваются по центру родителя.

.container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

Чтобы сделать максимальную ширину 1024 px напишите в вашем CSS:

@media (min-width: 1200px) {
    .container { width: 1024px; }
}