/*@import url(normalize.css);*/


@import url(presets.css);

h2 {
  text-shadow: 0.5px 0.5px #ff0000;
}

h3 {
  text-shadow: 0.5px 0.5px #ff0000;
}

.container > *  {
	border: 0px ;
}

@media screen and (min-width: 20em) { /* 640px */
	.container {
		display: flex;
		flex-flow: row wrap;
                border: 0px;
	}
	header, main, footer {
		flex: 1 1 100%;
	}
	[class^="zijkolom"] {
		flex: auto;
	}
}
@media screen and (min-width: 48em) { /* 768px */
	main { flex: 2 1 0%; }
	.zijkolom-1 { flex: 1 1 0%; }
	.zijkolom-2 { flex: 1 1 100%; }
}
@media screen and (min-width: 64em) { /* 1024px */
	main { flex: 3 1 0%; }
	.zijkolom-1, .zijkolom-2 {
		flex: 1 1 0%;
	}
}
@media screen and (min-width: 80em) { /* 1280px */
	main  { flex: 3; }
	.zijkolom-1 { flex: 1; }
	.zijkolom-2 { flex: 1; }
	.zijkolom-1 { order: 1; }
	main        { order: 2; }
	.zijkolom-2 { order: 3; }
	footer	    { order: 4; }
}

header {
	background: rgb(160,186,229);
	background: linear-gradient(180deg, rgba(160,186,229) 0%, rgba(230,255,255,0.6982143199076505) 53%);
}

main {
	background: rgb(160,186,229);
	background: radial-gradient(circle, rgba(160,186,229) 0%, rgba(230,255,255,0.8102591378348214) 30%);
}

.zijkolom-1 {
	background: rgb(160,186,229);
	background: radial-gradient(circle, rgba(160,186,229) 0%, rgba(230,255,255,0.8102591378348214) 30%);
}

.zijkolom-2 {
	background: rgb(160,186,229);
	background: radial-gradient(circle, rgba(160,186,229) 0%, rgba(230,255,255,0.8102591378348214) 30%);
}
 
footer {
	background: rgb(160,186,229);
	background: linear-gradient(0deg, rgba(160,186,229) 0%, rgba(230,255,255,0.6982143199076505) 53%);
}