.hm_projectBox{
	width: 100%;
	max-width: 768px;
	position: relative;
	overflow: hidden;
}

.hm_projectBox b,
.hm_projectBox strong{
	font-size: 1.167em;
}

.hm_projectBoxDetailOverlay{
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.5);
	width:266px;
	height: 100%;
	transition: 0.2s all;
}

.hm_projectBoxText{
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.72);
	color:#FFF;
	transition: 0.2s opacity;
	top: 0px;
	left: 0px;
	/*padding: 5rem;*/
	font-size: 0.857em;
}
.hm_projectBoxTextInner{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 25px;
	margin-top: 1.6rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 16px;
	padding: 1rem;
}

.hm_projectBox:hover .hm_projectBoxDetailOverlay{
	opacity: 0;
}

.hm_projectBox:hover .hm_projectBoxText{
	opacity: 1;
	transition: 0.2s opacity;
}

.size-sm .hm_projectBox,
.size-xs .hm_projectBox {
	margin-left: 0;
}

.size-sm #c222,
.size-xs #c222{
	margin-top: 20px !important;
}