Move Homepage Posts

Hi guys, can anyone help me with the homepage posts on this site (www.clayschafer.com)? I just need for all of the posts to not be touching the left side of the screen and to give it some space like how it is on the right side.

Here is my current custom CSS, any help with adding a specific line to give the left side some space or to change a few things in the current code will be really helpful!

/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
.featured-content .post-thumbnail img {
	width: 100%;
	height: auto;
}

.entry-title a:hover, .entry-meta a:hover {
	font-weight: bold;
	color: #000000;
}

.site:before {
	display: none;
}

#secondary {
	display: none;
}

.header-main {
	text-align: center;
}

.primary-navigation {
	float: none;
}

.primary-navigation li {
	text-align: left;
}

.slider .featured-content .hentry {
	max-height: 450px;
}

.slider .featured-content {
	max-width: 1260px;
}

.slider .featured-content .post-thumbnail img {
	max-width: 1260px;
}

.post-thumbnail {
	background: none;
}

a.post-thumbnail:hover {
	background-color: transparent;
}

.home .entry-header p {
	display: none;
}

h1.entry-title {
	text-align: center;
	width: 100%;
}

@media screen and (min-width: 1030px) {
	#grid-content {
		padding-left: 18px !important;
	}

	.home-grid .grid-content .hentry {
		width: 31.8% !important;
		margin-right: 19px !important;
	}
}

@media screen and (min-width: 1024px) {
	#grid-content {
		padding-left: 0 !important;
	}

	.featured-content {
		padding-left: 0 !important;
	}
}

#content {
	margin-left: 0 !important;
	padding: 0 !important;
}

.featured-content .entry-title {
	margin-top: -18px;
}