.grid-container
{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-flow: column;
	grid-row-gap: 12px;
	grid-column-gap: 12px;
}

.grid-container div
{
	width: 100%;
	background: #f0f0f0;
}

.grid-container .headergrid
{
	background: red;
	grid-column: 2/5;
	grid-row: 2/4;
}

.row { 	width: 100%; margin: 0; clear: both; }
.row > * { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }

.col_0 { width: 100%; display: block; }
.col_1,
.col_2,
.col_3, .col_3c,
.col_4, .col_4c,
.col_5, .col_5c,
.col_6, .col_6c,
.col_7, .col_7c,
.col_8, .col_8c,
.col_9, .col_9c,
.col_10, .col_10c
{
	margin-left: 	2%;
	margin-right: 	2%;
	margin-bottom: 	20px;
	float: 		left;
	display: 	block;
}

.col_1 { width: 96%; }
.col_2 { width: 46%; }
.col_3 { width: 29.33%; }
.col_4 { width: 21%; }
.col_5 { width: 16%; }
.col_6 { width: 12.666666666667%; }
.col_7 { width: 10.285714285714%; }
.col_8 { width: 8.5%; }
.col_9 { width: 7.1111111111111%; }
.col_10 { width: 6%; }

.col_3c { width: 62.67%; }
.col_4c { width: 71%; }
.col_5c { width: 76%; }
.col_6c { width: 79.33333333%; }
.col_7c { width: 81.714285714286%; }
.col_8c { width: 83.5%; }
.col_9c { width: 84.888888889%; }
.col_10c { width: 86%; }

.col_3c_nm,
.col_4c_nm,
.col_5c_nm,
.col_6c_nm,
.col_7c_nm,
.col_8c_nm,
.col_9c_nm,
.col_10c_nm
{
	margin-left: 	0%;
	margin-right: 	0%;
	margin-bottom: 	20px;
	float: 		left;
	display: 	block;
}

.col_3c_nm { width: 66.67%; }
.col_4c_nm { width: 75%; }
.col_5c_nm { width: 80%; }
.col_6c_nm { width: 83.33333333%; }
.col_7c_nm { width: 85.714285714286%; }
.col_8c_nm { width: 87.5%; }
.col_9c_nm { width: 88.888888889%; }
.col_10c_nm { width: 90%; }

.col_1_nm,
.col_2_nm,
.col_3_nm,
.col_3_nm_center,
.col_4_nm,
.col_5_nm,
.col_6_nm,
.col_7_nm,
.col_8_nm,
.col_9_nm,
.col_10_nm
{
	margin-left	: 0%;
	margin-right	: 0%;
	margin-bottom	: 20px;
	float		: left;
	display		: block;
}

.col_1_nm { width: 100%; }
.col_2_nm { width: 50%; }
.col_3_nm { width: 33.33%; }
.col_4_nm { width: 25%; }
.col_5_nm { width: 20%; }
.col_6_nm { width: 16.66666666667%; }
.col_7_nm { width: 14.28571428571429%; }
.col_8_nm { width: 12.5%; }
.col_9_nm { width: 11.1111111111111%; }
.col_10_nm { width: 10%; }


.col_2_nlm,
.col_3_nlm,
.col_4_nlm
{
	margin-left	: 0%;
	margin-right	: 2%;
	margin-bottom	: 20px;
	float		: left;
	display		: block;
}

.col_2_nrm,
.col_3_nrm,
.col_4_nrm
{
	margin-left	: 2%;
	margin-right	: 0%;
	margin-bottom	: 20px;
	float		: left;
	display		: block;
}	

.col_2_nlm { width: 48%; }
.col_3_nlm { width: 32%; }
.col_4_nlm { width: 23.5%; }

.col_2_nrm { width: 48%; }
.col_3_nrm { width: 32%; }
.col_4_nrm { width: 23.5%; }

.col_3_nlrm,
.col_4_nlrm
{
	margin-left	: 2%;
	margin-right	: 2%;
	margin-bottom	: 20px;
	float		: left;
	display		: block;
}

.col_4_nlm_center
{
	margin-left: 0%;
	margin-right: 1%;
	margin-bottom: 20px;
	float: left;
	display: block;
}

.col_4_nrm_center
{
	margin-left: 1%;
	margin-right: 0%;
	margin-bottom: 20px;
	float: left;
	display: block;
}

.col_3_nlrm { width: 30.66666667%; }
.col_4_nlrm { width: 22%; }

.col_3_nm_center { width: 32%; }
.col_4_nlm_center, .col_4_nrm_center { width: 23.5%; }

.no-margin-bottom { margin-bottom: 0px; }
.no-margin-left { margin-left: 0px; }
.no-margin-right { margin-right: 0px; }
.no-margin-all { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }

img, object, embed { max-width: 100%; }
img { height: auto; vertical-align: auto; }

@media only screen and (max-width: 824px) 
{
	.container { width: 100% !important; max-width: 100% !important; }

	.col_2,	.col_3,	.col_4,	.col_5,	.col_6,	.col_7,	.col_8,	.col_9,	.col_10,
	.col_2c, .col_3c, .col_4c, .col_5c, .col_6c, .col_7c, .col_8c, .col_9c,	.col_10c
	{ width: 96%; }

	.col_2_nm, .col_3_nm, .col_4_nm, .col_5_nm, .col_6_nm, .col_7_nm, .col_8_nm, .col_9_nm,	.col_10_nm,
	.col_2c_nm, .col_3c_nm, .col_4c_nm, .col_5c_nm, .col_6c_nm, .col_7c_nm, .col_8c_nm, .col_9c_nm,	.col_10c_nm,
	.col_3_nm_center, .col_4_nrm_center, .col_4_nlm_center
	{ width: 100%; }

	.col_2_nlm { width: 100%; margin-right: 0; }
	.col_2_nrm { width: 100%; margin-left: 0; }

	.col_3_nlm { width: 100%; margin-right: 0; }
	.col_3_nrm { width: 100%; margin-left: 0; }
	.col_3_nlrm { width: 100%; margin-left: 0; margin-right: 0; }

	.col_4_nlm { width: 100%; margin-right: 0; }
	.col_4_nrm { width: 100%; margin-left: 0; }
	.col_4_nlrm { width: 100%; margin-left: 0; margin-right: 0; }
	
}