.wrapper{
	width: 100%;
	position: relative;
	min-height: 100%;
	display: grid;
	grid-template-columns: 22% 56% 22%;
	grid-template-rows: auto auto 1fr 250px;
	grid-template-areas:
	"slider slider slider"
	"header header header"
	"cLeft cCenter cRight"
	"footer footer footer"
	;
}

.header{
	grid-area: header;
}
.slider{
	grid-area: slider;
}
.contentLeft{
	grid-area: cLeft;
}
.contentCenter{
	margin-top: 60px;
	grid-area: cCenter;
}
.contentRight{
	grid-area: cRight;
}
.footer{
	grid-area: footer;
}


@media only screen and (max-width: 1024px){
	.wrapper{
		grid-template-columns: 100%;
		grid-template-rows: repeat(3, auto) 1fr auto 250px;
		grid-template-areas: 
		"header"
		"slider"
		"cLeft" 
		"cCenter" 
		"cRight"
		"footer"
		;
	}
}