.grid-item {
	float: left;
	width: 200px;
	height: 200px;
	background: #e6e5e4;
	border: 1px solid #b6b5b4;
	outline: 1px solid #fff;
	outline-offset: -1px;
}

.grid-item--width2 { width: 100px; }
.grid-item--height2 { height: 100px; }

.grid-item--20 {width:20%;}
.grid-item--40 {width:40%;}
.grid-item--60 {width:60%;}
.grid-item--80 {width:80%;}
.grid-item--25 {width:25%;}
.grid-item--33 {width:33.333%;}
.grid-item--50 {width:50%;}
.grid-item--66 {width:66.666%;}
.grid-item--75 {width:75%;}
.grid-item--38 {width:38.2%;}
.grid-item--62 {width:61.8%;}

.grid-item--34 {width:34%;}




/*.grid-item--25 {
width:300px !important;
}*/

/***********************************************************************************
 *	- LARGE DISPLAY (>1200px)
 ***********************************************************************************/

/*@media (min-width: 1200px) {
	
	.grid .grid-item,
	.isotope.col-4 .isotope-item {
		width: 25%;
	}
	
	
}*/


/***********************************************************************************
*	- SMALL DISPLAY (TABLETS)
***********************************************************************************/

/*@media (min-width: 768px) and (max-width: 991px) {

	.grid .grid-item,
	.grid.col-3 .grid-item,
	.grid.col-4 .grid-item {
		width: 50%;
	}
	
}*/

/***********************************************************************************
*	- EXTRA SMALL DISPLAY (PHONES PORTRAIT)
***********************************************************************************/

/*@media (max-width: 767px) {

	
	.grid .grid-item,
	.grid.col-3 .grid-item,
	.grid.col-4 .grid-item {
		float: none;
		width: 100%;
	}
	
}*/