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

Я даже не уверен, какой код здесь скопировать, поэтому ссылка:

projects.thomasrandolph.info

Мне нужно, чтобы левая сторона #page перестала скользить влево по правой стороне #logo плюс несколько пикселей. Это 13.25em слева от страницы.

Я установил левое поле #page на 13.25em , что выглядит правильно, но при более высоком разрешении страница выглядит странно, потому что она не центрирована. Я хочу сохранить центрирование, но также остановить его скольжение в определенной точке.

Поэтому я хочу, чтобы левая сторона не уходила дальше этого:

Я бы ОЧЕНЬ предпочел, если бы я мог сделать это с помощью чистого CSS на два элемента, которые я отметил здесь, но я могу добавить HTML по мере необходимости.

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

Обновление:

Вот изображения того, как он в настоящее время выглядит в двух разрешениях:

1920

1280

Вот изображение того, как это следует смотреть на разрешения ниже примерно 1540 :

Любое разрешение выше ~ 1540 будет плавно сдвигаться вправо, как это происходит сейчас.