#contentContainerDiv {
	display: flex;
	flex-direction: column;
	margin-bottom: 3vh;
	width: 90%;
	margin: 0 auto;
}

#servicesDivContainer {
	margin-bottom: 5%;
}

.servicesGrid {
	display: flex;
	text-align: center;
}

.serviceButtonIcons {
	width: 15%;
}

.servicesGridItem {
	font-size: 3vmin;
	height: 11.5vmin;
	flex: 1;
	background-color: #e8ded1;
	padding: 2vmin;
	margin-top: 0;
	border: 1px solid transparent;
	box-shadow: 10px 10px 9px #403629;
	text-align: center;
	cursor: pointer;
}

.leftItem {
	margin-left: 2vh;
	margin-right: 2vh;
}

#topLeftItem {
	border-top-left-radius: 40px;
	margin-bottom: 2vh;
}

#bottomLeftItem {
	border-bottom-left-radius: 40px;
}

.rightItem {
	margin-left: 0;
	margin-right: 2vh;
}

#topRightItem {
	border-top-right-radius: 40px;
	margin-bottom: 2vh;
}

#bottomRightItem {
	border-bottom-right-radius: 40px;
}

#servicesDivContainer {
	width: 100%;
}

#recentContentDivContainer {
	width: 100%;
	margin-top: 4vh;
}

#recentContentDiv {
	width: 80%;
	margin: 0 auto;
	border: 4px solid;
	border-image: linear-gradient(#e8ded1, #403629) 15;
}

#recentContentDivContainer h3 {
	font-size: 3vmin;
	margin-bottom: 0;
}

#recentContentDivContainer p {
	margin-top: 0;
	margin-bottom: 0;
}

.recentContainer {
	margin: 0 2vw;
}

.recentContainer:last-child {
	margin-bottom: 2vw;
}

@media only screen and (min-width: 768px) {
	#contentContainerDiv {
		flex-direction: row;
	}

	#servicesDivContainer {
		width: 40%;
		margin-right: 3%;
	}

	.servicesGridItem {
		height: 10vmin;
		flex: 1;
	}

	#recentContentDivContainer {
		width: 54%;
		margin-top: 0;
		margin-left: 3%;
	}

	#recentContentDiv {
		width: 100%;
	}
}