/****** GRID SYSTEM *********************/
/****** MEDIA SCREEN TEST *******/
@media screen and (max-width: 480px) {
	#content .wrapper {
	
	grid-gap:20px;
	grid-template-columns:repeat(1,[col] auto);
	grid-template-rows:repeat(1,[row] auto);
	margin:0 auto;
}
    
    
    .services-wrapper {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:1em;
	grid-auto-rows:minmax(200px, auto);
}
    
    .news-wrapper {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:1em;
	grid-auto-rows:minmax(400px, auto);
}
    
}
@media screen and (min-width: 480px) {
.wrapper {
	display: grid;
	grid-gap:20px;
	grid-template-columns:repeat(1,[col] 320px);
	grid-template-rows:repeat(6,[row] auto);
	margin:0 auto;
}

.news-wrapper {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:1em;
	grid-auto-rows:minmax(400px, auto);
}

.services-wrapper {
	display:grid;
	grid-template-columns: auto auto auto auto;
	grid-gap:1em;
	grid-auto-rows:minmax(200px, auto);
}

/*Small Wrapper for smaller inserts of grid */
.smallwrapper {
	display:grid;
	grid-gap:20px;
	grid-template-columns:repeat(4,minmax (0 1fr));
	grid-auto-rows: repeat(1,[row] auto);
	margin:0 auto;
}

.box {
	background-color:#fff;
	border-radius:5px;
	padding:20px;
	/* font-size:100%; */
	/*border:1px solid #DDD; */
}
.border {
	border:1px solid #DDD;
}
/*
.box:hover {
	-webkit-box-shadow:0 2px 12px 3px rgba(168,168,168,0.23);
	-moz-box-shadow:0 2px 12px 3px rgba(168,168,168,0.23);
	box-shadow:0 2px 12px 3px rgba(168,168,168,0.23);
}
*/
}
/* Grid Columns */
	.col1 {
		grid-column:col 1;
	}
	
	.col2 {
		grid-column:col 2;
	}
	
	.col3 {
		grid-column:col 3;
	}
	
	.col4 {
		grid-column:col 4;
	}
	
	/* Grid Spans */
	.span1 {
		grid-column:span 1;
	}
	
	.span2 {
		grid-column:span 2;
	}
	
	.span3 {
		grid-column:span 3;
	}
	
	.span4 {
		grid-column:span 4;
	}
	
	/* Grid Rows */
	.row1 {
		grid-row:row 1;
	}
	
	.row2 {
		grid-row:row 2;
	}
	
	.row3 {
		grid-row:row 3;
	}
	
	.row4 {
		grid-row:row 4;
	}
	
	.row5 {
		grid-row:row 5;
	}
	
	.row6 {
		grid-row:row 6;
	}
	
	.rspan2 {
		grid-row:span 2;
	}