.grid-1000, .grid-1200 {
	margin: 0 auto;
	padding: 0 0 0 1%; 
}

.grid-1200 {
	max-width: 1220px;
}

.grid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
	padding: 0 10px;
}


.col1, .col2, .col3, .col4, .col5, .col6 {
	float: left;
	margin: 0 1% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col4m.last, .col5.last, .col6 {
	margin: 0;
}


.col1 { width: 24.2%; }
.col2 { width: 32.6%; }
.col3 { width: 49.5%; }
.col4 { width: 74.7%; }
.col5 { width: 66.2%; }
.col6 { width: 99.5%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col4m img, .col5 img, .col6 img {
	width: 100%;
	height: auto;
	display: block;
}


@media all and (min-width: 1024px) {
	.grid-1000 {
		max-width: 1000px;
	}

	.grid-1000 .onerow {
		padding: 0;
	}
    
    .front {position: absolute; z-index: 10;}
}

.show {display: none}

/* Small devices
 */
@media all and (max-width: 768px) {
	

	.col1, .col2, .col3, .col4, .col4m, .col5, .col6, .logo .menu{
		clear: all;
		float: left;
		width: 100%;
		z-index: 1000;
	}
    
    .show {display: flex; padding: 0; margin: 0;}
    .hide {/*visibility: hidden,*/ display: none}
	.logo { max-width: 50%}
	.menu {padding-bottom: 0;}

    body {background: linear-gradient(174deg,rgba(255, 255, 255, 1) 0%, rgba(228, 238, 240, 1) 48%);} 
}