* { box-sizing: border-box; }

.grid-container
{
	width : 100%;
	max-width : 1496px;
}

.nopadding
{
	padding:0 !important;
}
.nomargin
{
	margin:0 !important;
}

.row:before,
.row:after
{
	content:"";
	display: table ;
	clear:both;
}

[class*='col-']
{
	float: left;
	min-height: 1px;

	/* gutter */
	padding: 5px;
}

.leeg { display:none; }
/*
.col-1{ width: 8.33%; }
.col-2{ width: 16.66%; }
.col-3{ width: 25%;    }
.col-4{ width: 33.33%; }
.col-5{ width: 41.66%; }
.col-6{ width: 50%;   }
.col-7{ width: 58.33%; }
.col-8{ width: 66.66%; }
.col-9{ width: 75%;    }
.col-10{ width: 83.33%; }
.col-11{ width: 91.66%; }
.col-12{ width: 100%;   }
*/

@media screen and (max-width:320px)
{
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12
		{ width: 100%; }
}

@media screen and (min-width:320px)
{
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12
		{ width: 100%; }
}

@media screen and (min-width:480px)
{
}

@media screen and (min-width:768px)
{
	.col-1 { width: 16.66%; }
	.col-2 { width: 33.33%; }
	.col-3 { width: 50%; }
	.col-4 { width: 66.66%; }
	.col-5 { width: 83.33%; }
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12
		{ width: 100%; }
}

@media screen and (min-width:980px)
{
	[class*='col-']
	{
		padding: 20px;
	}
	.leeg { display:block; }
	.col-1{ width: 8.33%; }
	.col-2{ width: 16.66%; }
	.col-3{ width: 25%;    }
	.col-4{ width: 33.33%; }
	.col-5{ width: 41.66%; }
	.col-6{ width: 50%;   }
	.col-7{ width: 58.33%; }
	.col-8{ width: 66.66%; }
	.col-9{ width: 75%;    }
	.col-10{ width: 83.33%; }
	.col-11{ width: 91.66%; }
	.col-12{ width: 100%;   }
}