/****** GRID SYSTEM *********************/
.wrapper {
	display:grid;
	grid-gap:20px;
	/*grid-template-columns:repeat(4,[col] 272px); */
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows:repeat(4,[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:repeat(4, 1fr);
	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,[col] auto);
	/*grid-template-rows:repeat(1,[row] auto); */
	margin:0 auto;
}

.box {
	background-color:#fff;
	border-radius:5px;
	padding:20px;
	/* font-size:100%; */
	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;
	}

/****** MEDIA SCREEN TEST *******/
@media (max-width: 480px) {
  .wrapper {
	display:grid;
	grid-gap:20px;
	grid-template-columns:repeat(1, 1fr) !important;
	
	margin:0 auto;
}

/*Small Wrapper for smaller inserts of grid */
.smallwrapper {
	display:block !important;
}

    .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);
}

/* Grid Spans */
.span1, .span2, .span3, .span4 {
	grid-column:span 1 !important;
}


}