Centering front page blog posts

Hello,

I hope all are well that read this. My site is http://www.binarypioneer.com

I have been busting my head trying to get over this seemingly simple issue.

I am trying to center my front page blog posts. Centered and aligned to the left so that everything lines up.

I had it recently, but because I was trying to widen my bbpress forum pages, the added code had the added affect of lining up my front page blog posts to the left altogether. I can’t seem to have both at the same time.

I am using a child theme.

#bbpress-forums .bbp-forums-list li {
display: list-item !important;
font-size: 16px;
}
#bbpress-forums .status-closed, #bbpress-forums .status-closed a {color: #000 !important;}

/* BBPress font fix */
#bbpress-forums {
font-size: 12px;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
font-size: 16px;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #D6E0FF;

}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
font-size: 18px;
color: #0066FF;

}

#bbpress-forums a.bbp-author-name {
font-size: 13px;
color: #7F1919;
}

#page {
margin-left: auto;
margin-right: auto;

}

.entry-title, .entry-title a {
text-transform: none;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin-left: auto;
margin-right: auto;
max-width: 800px;
}

I added the text in bold to attain the forum changes and it became wider, but now my front page posts are aligned to the left.

I hope someone can help me.