.page-container {
	margin:24px 0 15px 0;
}

.page-container.archive {margin-top: 9px;}

.page-container .aside-header {
	float:left;
	width:20%;	
	padding: 15px 10px;
}

.page .page-container .aside-header,
.single .page-container .aside-header,
.category .page-container .aside-header {	
	padding-top: 0;
}

.page-container .main-content {
	float:right;
	width: calc(80% - 10px);
	background:#fff;
	min-height:500px;
	padding:25px;	
	margin-left:10px;
}

.page-container .page-title-box {
	background:#000;
	display:flex;
	align-items: flex-end;	
	margin-top: 24px;
}

.page-container .page-title-box h1{
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	font-size:20px;
	margin: 0 0 -2px -1px;
	line-height:1em;
}

.page-container .grid-content {
	float:right;
	width:80%;
	display:flex;
	flex-wrap: wrap;
}

.page-container .box {
	display:flex;
	align-items: flex-end;
	flex-basis: 25%;
	background-color: #fff;
	border: solid #ddd;
	border-width: 15px 10px;
}

.page-container .box:hover  {
	background:#000;	
}

.page-container .box h2 {
	font-weight: 700;
	color: #ddd;
	text-transform:uppercase;
	font-size:20px;
	margin: 0 0 -2px -1px;
	line-height:1em;
	
}

.page-container .box:hover h2 {
	color:#fff;	
}

.page-container .single-project {
	position:relative;	
	background:#fff;
}

.page-container .single-project:hover {	
	background:#fff;
}

.page-container .single-project h2 {
	color: #fff;
	z-index:3;
}

.page-container .single-project img {
	position:absolute;
	top:0;
	left: 0;
	object-fit:cover;	
	width: 100%;
	-webkit-filter: grayscale(55%); /* Safari 6.0 - 9.0 */
	filter: grayscale(55%);
	height: 100%;
}

.page-container .single-project:hover img {
	-webkit-filter: none;
	filter: none;
}