.grid_container{
	
	display: flex;
	flex-flow: row nowrap;
	align-content: flex-start;
	margin: 0 -20px;
}

.grid_container .moduletable{
	
	  flex: 1 1 0;
	  margin: 20px;
	
	
}


.items-row{
	
	display: flex;
	flex-flow: row wrap;
	margin:0 -1% 4rem -1%;
	
}

.items-row .span2{
	
	width: 14.67%;
	margin: 1%;
	
}



.items-row .span4{
	
	width: 31%;
	margin: 1%;
	
}

.items-row .span6{
	
	width: 48%;
	margin: 1%;
	
}

.items-row .span8{
	
	width: 64%;
	margin: 1%;
	
}

.items-row .span10{
	
	width: 81.3%;
	margin: 1%;
}

.items-row .span12{
	
	width: 100%;
	
}

@media (max-width: 1024px) {
	
	.items-row .span4{
		
		width: 48%;
		margin: 1%;
		
	}
	
	.items-row .span6{
		
		width: 100%;
		margin: 0;
		
	}
	
	.items-row .span8{
	
		width: 100%;
		margin: 0;
	
	}
	
	.grid_container{
	
	
		flex-flow: row wrap;
	
	}

	.grid_container .moduletable{

		  flex: initial;
		width: 50%;
		width: calc(50% - 40px);
		  margin: 20px;


	}
	
	
	
}


@media (max-width: 700px) {
	
	.items-row .span4{
		
		width: 100%;
		margin: 0;
		
	}
	
	
	.grid_container .moduletable{

		
		width: 100%;
		

	}
	
	
	
}