.site-content {
	padding-top: 80px;
}

.content-area {
	padding-left: 20px;
	padding-right: 20px;
}

.grid-posts {
	margin-bottom: 45px;
}

.post-thumbnail {
	display: block;
}
.post-thumbnail {
	overflow: hidden;
	display: block;
	height: 0;
	position: relative;
	padding-bottom: 62%;
}

.post-thumbnail img {
	position: absolute;
	transform: scale(1);
	transition: transform 0.4s;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-thumbnail:hover img {
	transform: scale(1.05);
}

.grid-posts > div:first-child article .entry-title:hover a:after {
	transform: rotate(45deg);
}
.grid-posts > div:first-child article .entry-title:hover a:before {
	transform: rotate(45deg);
}
.grid-posts > div:first-child article .entry-meta a,
.grid-posts > div:first-child article .entry-meta  {
	color:white;
	position: relative;
}
.entry-meta {
	margin-top: 4px;
	color: #893836;
}

.entry-meta a {
	text-decoration: none;
	color: #893836;
	text-transform: uppercase;
	font-weight: 600;
}

h2.entry-title {
	margin: 0 0 5px 0;
	font-size: 2.2rem;
}

h2.entry-title a {
	font-weight: bold;
	text-decoration: none;
	color: #303545;
}

.readmore {
	display: block;
	margin-top: 20px;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.2rem;
}

.grid-posts > div:first-child .post-thumbnail img {
	width: 100%;
}

.grid-posts > div:first-child article {
	overflow: hidden;
	width: 100%;
	min-height: 35vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	text-align: center;
	position: relative;
	height: 100%;
	background-color: #000;
}

.grid-posts > div:first-child article .post-thumbnail {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
}

.grid-posts > div:first-child article .entry-content {
	display: none;
}

.grid-posts > div:first-child article .entry-title {
	max-width: 100%;
	width: 560px;
	margin: auto;
	position: relative;
	z-index: 2;
}

.grid-posts > div:first-child article .entry-title a {
	position: relative;
	display: block;
	
	padding-bottom: 45px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 3rem;
}

.grid-posts > div:first-child article .entry-title a:before,
.grid-posts > div:first-child article .entry-title a:after {
	content: "";
	display: block;
	position: absolute;
	background-color: #fff;
}

.grid-posts > div:first-child article .entry-title a:before {
	bottom: 0;
	width: 2px;
	height: 36px;
	left: 50%;
	margin-left: -1px;
	transition: all ease-in 0.3s;
}

.grid-posts > div:first-child article .entry-title a:after {
	bottom: 18px;
	height: 2px;
	width: 36px;
	left: 50%;
	margin-left: -18px;
	transition: all ease-in 0.3s;
}

.grid-posts > div:last-child article:first-of-type {
	margin-bottom: 45px;
}

.post-list article {
	margin-bottom: 45px;
}

.loadmorebutton {
	display: block;
	margin-top: 20px;
	margin-bottom: 45px;
	text-align: center;
	font-size: 1rem;
	text-decoration: none;
	cursor: pointer;
}

.loadmorebutton .plus {
	position: relative;
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-bottom: 5px;
}

.loadmorebutton .plus:before,
.loadmorebutton .plus:after {
	content: "";
	position: absolute;
	background-color: #893836;
} 

.loadmorebutton .plus:before {
	top: 0;
	left: 9px;
	width: 2px;
	height: 20px;
}

.loadmorebutton .plus:after {
	left: 0;
	top: 9px;
	height: 2px;
	width: 20px;
}

@media screen and (max-width: 768px) {
	.grid-posts > div:first-child {
		margin-bottom: 45px;
	}
}

@media screen and (min-width: 768px) {
	.site-content {
		padding-top: 180px;
	}
	.content-area {
		padding-left: 35px;
		padding-right: 35px;
	}
	.grid-posts {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		-o-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.grid-posts > div:first-child {
		flex-basis: calc(50% - 18px);
		width: calc(50% - 18px);
		flex-grow: 8;
	}
	.grid-posts > div:last-child {
		flex-basis: calc(50% - 18px);
		width: calc(50% - 18px);
		margin-right: 36px;
	}
	.grid-posts > div:first-child article .entry-title a {
		font-size: 4.8rem;
	}
	.post-list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.post-list:after {
		content: "";
		display: block;
		width: calc(50% - 18px);
	}

	.post-list article {
		width: calc(50% - 18px);
	}
}

@media screen and (min-width: 992px) {
	.site-content {
		padding-top: 180px;
	}
	.content-area {
		padding-left: 50px;
		padding-right: 50px;
	}
	.grid-posts > div:last-child {
		flex-basis: calc(33.33% - 18px);
		width: calc(33.33% - 18px);
		margin-right: 36px;
	}
	.post-list article {
		width: calc(33.33% - 24px);
	}
	.post-list:after {
		width: calc(33.33% - 24px);
	}
}