@media only screen and (min-width: 1200px) {
.posts .hentry {
    width: 33.33333%;
}

.posts .hentry:nth-of-type(4n+3) .entry-inner, .posts .hentry:nth-of-type(4n+4) .entry-inner, .posts .hentry:nth-of-type(4n+3) .edit-link, .posts .hentry:nth-of-type(4n+4) .edit-link {
    right: 0;
    left: auto;
}

.posts .hentry:nth-of-type(4n+3) .entry-media, .posts .hentry:nth-of-type(4n+4) .entry-media {
    float: left;
}

	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-media,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-media,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-media {
		float: right;
	}

	.posts .entry-inner {
		right: 0;
	}

	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .edit-link,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .edit-link,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .edit-link {
		left: 0;
		right: auto;
	}

	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner:after,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner:after,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner:after,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .entry-inner:before,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .entry-inner:before,
	.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .entry-inner:before {
		left: auto;
		margin-left: 0;
		margin-right: -25px;
		right: 0;
	}
}

.hentry .link-more a {
	background-color: #678DB8;
}

/* change the background color here if you'd like the button to be a different color on hover */
.posts .hentry:hover .link-more a {
	background-color: #678DB8;
	color: white;