/* reset */
* { box-sizing: border-box; margin: 0; padding: 0; }

.wf-container {
    margin: 0 auto;
}
.wf-container:before,.wf-container:after {
    content: '';
    display: table;
}
.wf-container:after {
    clear: both;
}
.wf-box {
	opacity:1;
	position:relative;
    margin:0 15px 30px 15px;
}
.wf-box img { 
    display: block;
    width: 100%;
}

.wf-box .project-content {
	position:absolute;
	right:0;
	padding-top:2px;
	font-size:15px;
	font-family:clearSans-regular;
	opacity: 0;
}
.wf-box:hover .project-content { 	opacity: 1; }
.wf-column { float: left; }


/*xs-phone*/@media (max-width:767px) {
	.wf-column { width:100% !important; }
	.wf-box .project-content { font-size:13px; }
}
/*sm-tablets*/@media (min-width:768px) and (max-width:991px) {
	 .wf-container { width:auto; }
	.wf-column { width:33.33333333% !important; }
	.wf-box .project-content { font-size:13px; }
}
/*md-desktop (medium)*/@media (min-width:992px) and (max-width:1199px) {
	.wf-container { width:auto; }
	.wf-column { width:25% !important; }
	.wf-box .project-content { font-size:13px; }
}
/*lg-desktop (large)*/@media (min-width: 1200px) {
    .wf-container { width:auto; }
	.wf-column { width:25% !important; }
}