Как выровнять div блок по центру?

h1 находится по центру. Относительно всего экрана, конечно.
Как и блоки внутри.
У вас очень странная структура, но что бы сделать так как вы хотите вот код:

.site-main {
    margin-left: 57px;
}

Но возникнет проблема в мобильной версии, для этого в media-запросах пропишите margin-left: 0; для тех разрешений, где левый каталог перемещается на верх.