.prj_pic {
	min-height: 400px;
	background-size: cover !important;
	background-position: center top !important;
	position: relative;
	overflow: hidden;
	transition: 3s ease-out;
}
.prj_pic:hover {
	background-position: bottom !important;
}
.prj_pic:before {
	content: '';
	display: block;
	position: absolute;
	height: 0%;
	width: 100%;
	bottom: 0;
	transition: height 0.6s ease-out;
	background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
}
.prj_pic:hover:before {
	height: 100%;
	transition: height 0.2s ease-out;;
}
.prj_dsc {
	position: absolute;
	left: -100%;
	width: 100%;
	bottom: 20px;
	color: #fff;
	padding: 15px;
	transition: 0.2s ease-out;
}
.prj_pic:hover .prj_dsc {
	left: 0%;
	transition: 0.4s ease-out;
}
.prj_date {
	position: absolute;
	right: -100%;
	width: 100%;
	bottom: 5px;
	color: #fff;
	padding: 15px;
	transition: 0.2s ease-out;
	font-size: 12px;
}
.prj_pic:hover .prj_date {
	right: 0%;
	transition: 0.4s ease-out;
}
.prj_ttl {
	min-height: 70px;
	padding: 0 10px;
}
.prjcts {
	margin-bottom: 15px;
	transition: .5s;
	box-shadow: 0 1px 5px 0 #d7d8db, 0 0 0 1px #e3e4e8;
	padding: 5px;
}