.portfolio article { position:relative; width: 50%; float: left; }
		.portfolio-items {
		  position: relative;
		  z-index: 1;
		}
		.square.basic-item {
			background-color: #000;
		}

		  /* GPU Enhanced */
		.square, .square:hover, .square.hover, .square .title-meta {
		  -webkit-transform: translatez(0);
		  -moz-transform: translatez(0);
		  -ms-transform: translatez(0);
		  -o-transform: translatez(0);
		  transform: translatez(0);
		}

		.square {
		  float: left;
		  position: relative;
		  width: 100%;
		  padding-bottom: 100%;
		  margin: 0;
		  overflow: hidden;
		  background-repeat: no-repeat;
		  background-position: bottom right;
		  background-size: 100% auto;
		  z-index: 2;
		}

		.square .content {
		  position: absolute;
		  height: 100%;
		  width: 100%;
		  top: 0;
		  left: 0;
		}


		.square .content .table {
		  display: table;
		  width: 100%;
		  height: 100%;
		}

		.square .content .table .table-cell{
			bottom: 0px;
			position: absolute;
			margin:5px 15px;
		}

		.square.basic-item .item-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-o-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-moz-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;  
			background: transparent; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(transparent,transparent,transparent, RGBA(0,0,0,.5), #000, #000); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(transparent,transparent,transparent, RGBA(0,0,0,.5), #000, #000); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(transparent,transparent,transparent, RGBA(0,0,0,.5), #000, #000); /* For Firefox 3.6 to 15 */
			background: linear-gradient(transparent,transparent,transparent, RGBA(0,0,0,.5), #000, #000); /* Standard syntax (must be last) */
			opacity: .7;
		}

		.square .content .table .table-cell h2 {
			color: #fff;
			font-family: 'Conv_Gotham-Book';
			font-size:18px;
			
			text-transform: uppercase;
					
			text-align: left;
		}
		
		.square .content .table .table-cell h2 span {
			display: block;
			font-family: 'Conv_Gotham-Black';
			
			font-size:26px;
		}
		.item-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: bottom right;
			background-size: 100% auto;
			

	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		}
		article.basic-item:hover .item-bg {
        opacity: 0.5;
}
	
@media only screen and (min-width : 240px) {
	.square .content .table .table-cell h2 span {
		font-size:26px;
	}
	.square .content .table .table-cell h2 {
		font-size:14px;
	}
}
@media only screen and (min-width : 480px) {
	.square .content .table .table-cell{
			margin:15px 25px;
		}
}
@media only screen and (min-width : 768px) {
	

}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
	
}
@media only screen and (min-width : 1200px) {

}
@media only screen and (min-width : 1340px) {
}
	
	
		@media screen and (min-width: 320px) {
		  /* 640px */
		  .square {
			width: 100%;
			padding-bottom: 100%;
		  }
		}

		@media screen and (min-width: 480px) {
		  /* 640px */
		  .square {
			width: 50%;
			padding-bottom: 50%;
		  }
		}
		@media screen and (min-width: 768px) {
		  /* 640px */
		  .square {
			width: 33.333333333%;
			padding-bottom: 33.333333333%;
		  }
		}
		@media screen and (min-width: 1240px) {
		  /* 1240px */
		  .square {
			width: 25%;
			padding-bottom: 25%;
		  }
		}
		@media screen and (min-width: 1401px) {
		  /* 1801px */
		  .square {
			width: 20%;
			padding-bottom: 20%;
		  }
		}