ブロックごとに中央揃えをすると左端が揃わず別の意味で違和感が生じると思います。
下記コードは1カラム時の記事エリアの幅を調整する CSS のコードです。
下記をベースに width の部分を色々と変更してみてください。
.mainSection-col-one,
.sideSection-col-one {
margin-left:auto;
margin-right:auto;
}
@media (min-width: 992px) {
.mainSection-col-one,
.sideSection-col-one {
width: 600px;
}
}
@media (min-width: 1200px) {
.mainSection-col-one,
.sideSection-col-one {
width: 600px;
}
}