* { box-sizing: border-box; }

.grid-container
{
        width : 100%;
}

.nopadding
{
        padding:0 !important;
}
        [class*='col-']
        {
                padding: 20px;
        }
.nomargin
{
        margin:0 !important;
}

.row
{
	display:block;
	align-items: stretch;
}
.row:before,
.row:after
{
        content:"";
        display: table ;
        clear:both;
}

.oneheight
{
	height:180px;
}

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

        /* gutter */
}
.proj img
{
	width:100%;
}
.home [class*='col-']
{
	padding: 0px;
	padding: 0 10px 10px 0;
}
.home [class*='col-']:last-of-type {
  padding-right: 0px;
}
.home [class*='col-'] div
{
	width:100%;
	padding: 10px;
}
.cf
{
	clear:both;
}

.leeg { display:none; }

@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)
{
	.col-1
	{
	#	width:100px;
	}
        .col-10
	{ 
		#width: calc(100% - 100px); 
	}
}

@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:960px)
{
	.flex
	{
	#	display:flex;
	}
	.home .row
	{
		display:block;
	}
        .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%;   }
}