#intro {font-family:'Merriweather', serif;color:#666;font-weight:700;max-width:600px;text-align:center;margin:0 auto;padding:0 0 86px;font-size:1.1em;line-height:1.6;position:relative;}
#intro strong {color:#333;}
#intro:before,
#intro:after {content:' ';margin:0 auto;position:absolute;}
#intro:before {width:200px;border-top:1px solid #aaa;bottom:75px;left:50%;margin-left:-100px;}
#intro:after {left:50%;margin-left:-22px;bottom:60px;width:44px;height:40px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGVJREFUeNq8WMtxo0AQlSjuiyIwG8GiCAQRGEVg6eSj5AgQEQgffZIUgVEE4AhMBmYjMBvBbrfrTVV7dhg+kj1VU7JhmHn9e90908nI8fT0tKOfDU0Pj2qaD/f39/nkimM6AlhAPweaAUCdaN7QXGFJRiAfrgXQGQiOQRQA1zBAArMDSKXFLa17pel/G0A6zKN5gOYY2JxmZVi6ZjNDgFcI9LUAYdJXmPDI4EhrVdt6epdBABbkwIKxgF8CkDbeAhwfsKbDeTZdm0IABplDsAKCXg8gbRjSzx6mjOjQ45CNWRCaS5jdh+8OHq7lXY3fymbSHkCPJCwLWnZY6pZmiHUvYIPGtWxc04cMLKbf34YlvhBCjTtoXo4buMjZFHwaK0zwN+9xS+8jt0MBJ5g5aXmvNNtg2qLWROBbAEqhOQa7xDM+d98FMMfCIwdIR1DMWsz3zoe3BNcG73ZS88wE9D+bfDXtCJJnkcouHezLc+2Mv5cEyR3ApTBxLTJGn/EDJqzwLftyYAg41uyjSJfMFuzzC/ZFG0AVUSUApkOpBlbwkF1iTAkwgxALESQnOqekb99YMMewaYyXPsJd+UY5wqxn7KNoK6G9C5WnUVRkCIoY1FKiUuI1p6lB4gLSeIJkE/pwqnHWBNmlFuXXQj4X+0WwQoB9//NHkVYTpWle4xiiqgEwJXUFvzC5gKxYfgGANVBUMaHzpcj5MdgjMgWJB1CSEti0jdiwwjwLrSvOPON7H2YMLNw5MZzNYymLXh3gC1R8p5FpciWq8cRedcuaxkYzGfxLZoTjyACRRM6OnwiNZsp3B/Egsz3nP0i5VTnZJC1MmIgC9bZHqV8jgHoL7JjKJJHY/Q5zreDYz3DurlEPAfdJg8x/0EQlTOrb8i99kwpq6dLeR/WDCmar3KfL1C4+eBaEnHMU0fMG1GHzrV3fnkYRLzSv2lUm7rUtQznwoxCam6EKVvQSX9JPiBGLgoHNPENLMEHfEtoAKnX7Wkn0KGjm0pHA/2RNGGiFiTVI2A882SbCmXluxjY8IgX6qIr0aqnBGX4XwByLdUke4CujWkcInKAoPWoUFbZU2UaAf2DSENEsK+U1zDGodURRcYB1ltrrA37TITyYiWbbk12ZqGr4tmBnu9Zgh+eSSrSsc+nb0GrYN5u4WhZZg3IKEWWqdaxEA8X0oNpD2b3JCidVraNWseyh1bSPJRyN13J8GOAu5hMx04xQBh1VnSjmSl3B0fzJHGkAV4iKpekD0DWRL2320R9g00huJqJ7SLDEwu+iIRcBTkuGWCtN0nwbe0uFW7E93GYwOGtXB02WkPyAcilFKmw6gPlIZyvQVI4qphkqpNujjpsjm2wEWAZ+xlWbXn7JQCnRDY6uJ50eRPsGh5+Bz1SA7LXlKxEoGeglQoZ6Hwuw6+rDlzcLiPIc6Stp0XqkPQouuZ2Y4vpB5zQ1FjBZ2uP5kLV6Tla8WCCQSl2DoagH26qRvs+TgXuoTs8YQP8EGAAFPi+qMVDN2QAAAABJRU5ErkJggg==') no-repeat center center #fff;}

#activities h2 {font-size:1.7em;margin-bottom:10px;}
#activities .activiteiten .home-activity {width:20%;width:calc(25% - 15px);display:inline-block;float:left;text-align:center;text-decoration:none;margin-left:20px;border-bottom:1px solid #809baa;margin-bottom:45px;}
#activities .activiteiten .home-activity:hover img,#activities .activiteiten .home-activity:focus img {-webkit-filter: grayscale(100%);filter: grayscale(100%)}
#activities .activiteiten .home-activity:focus h3 {text-decoration:underline;}
#activities .activiteiten .home-activity:first-of-type {margin-left:0px;}
#activities .activiteiten .home-activity h3 {margin:10px 0 13px;font-size:1em;color:#1c394c;}

.home .site-inner .content {padding:20px 0 90px;padding-top:20px !important;margin-bottom:0;}
.home .site-inner .content article > *{width:48%;position:relative;z-index:2;}
.home .site-inner .content:before {-moz-transform: skewX(0deg) skewY(2.5deg);-webkit-transform: skewX(0deg) skewY(2.5deg);-o-transform: skewX(0deg) skewY(2.5deg);-ms-transform: skewX(0deg) skewY(2.5deg);transform: skewX(0deg) skewY(2.5deg);}
.home .site-inner .content:after {bottom:-65px;height:120px;-moz-transform: skewX(0deg) skewY(-1deg);-webkit-transform: skewX(0deg) skewY(-1deg);-o-transform: skewX(0deg) skewY(-1deg);-ms-transform: skewX(0deg) skewY(-1deg);transform: skewX(0deg) skewY(-1deg);}
.home h1 {margin-bottom:20px;color:#ab1319;}
body.home h1:after {background-color:#ab1319 !important;}

.home .site-inner .content article:after {content:' ';display:block;width:456px;height:490px;position:absolute;z-index:100;top:-80px;right:40px;background:url(../../images/sintje.png) no-repeat center center;}

#sponsors {position:relative;z-index:5;padding:0 2% 30px;min-height:100px;}
#sponsors .sponsor {width:20%;text-align:center;display:inline-block;float:left;}
#sponsors .sponsor img {max-width:90%;width:auto;height:auto;max-height:160px;line-height:160px;}
.sepa {min-height:100px;}
#extra {margin-bottom:50px;}
#extra > div {display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;}


@media only screen and (max-width:1300px) {

}
@media only screen and (max-width:1150px) {
	#banner .banner-text p {margin-left:10px;}
	body.home .site-inner {padding-top:30px;}
	.home .site-inner .content article > * {width:65%;}
	.home .site-inner .content article:after {width:30%;height:300px;background-size:contain;top:40px;right:20px;}
}
@media only screen and (max-width:960px) {
	#banner {height:300px;padding:60px 0 0;margin-top:40px;}
	#banner .banner-text p span {font-size:4em;}
	#banner .banner-text p span.banner-text-large {font-size:5em;}
	#sponsors .sponsor:nth-child(5) {display:none;}
	
	
}


@media only screen and (max-width:780px) {
	.home .site-inner .content article > * {width:100%;}
	.home .site-inner .content article:after {display:none;content:' ';background:transparent;}
	#activities .activiteiten .home-activity {width:45%;width:calc(50% - 15px);}
	#activities .activiteiten .home-activity:nth-child(3) {margin-left:0}
	#banner .banner-text p {max-width:70%;}
	#sponsors .sponsor:nth-child(4) {display:none;}
}

@media only screen and (max-width:660px) {

}


@media only screen and (max-width:640px) {
	#activities .read-all {display:none;}
	#activities h2{font-size:1.5em;}
	#banner {height:200px;padding:26px 0 0;}
	#banner .banner-text p span {font-size:3em;}
	#banner .banner-text p span.banner-text-large {font-size:4em;}
	#sponsors .sponsor:nth-child(3) {display:none;}
	#extra > div {display:grid;grid-template-columns:1fr;grid-gap:30px;}
}

@media only screen and (max-width:480px) {
	#banner .banner-text {display:none;}
}


@media only screen and (max-width:400px) {
	#activities h2 {text-align:center;}
	#activities .activiteiten .home-activity {width:100%;margin-left:0;}
}