section, article {display:block; padding:0; margin:0;}

section {width:100%; max-width:1200px; min-width:320px; height:1090px; position:relative; margin:0 auto; background:#eee;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

/* article {width:49%; height:300px; margin:0 1%; position:absolute; background:url(responsive-layout/content.png);*/
article {width:48%; height:380px; margin:1% 1%; position:absolute; background:#fff;
box-shadow:20px 20px 20px -15px rgba(90,0,0,0.6);
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
article img.triggerpoints {display:block; margin:10px 10px 20px 5px; float:right; border:0px solid #ddd; height:240px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.indicaties {display:block; margin:-120px 10px 20px 5px; float:right; border:0px solid #ddd; height:130px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.behandeling {display:block; margin:35px 10px 20px 5px; float:left; border:0px solid #ddd; height:140px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.worlds {display:block; margin:-15px 10px 20px 5px; float:right; border:0px solid #ddd; height:120px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}

article ul.ww {position:relative; font-weight:bold; color:#333; left:20px; top:0; z-index:100; overflow:hidden; }
article li.ww {padding:0px 15px; font: normal 14px/20px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; font-style:normal; color:#333; text-align:left; list-style-type: square;}


article:nth-of-type(1) {left:0; top:0px; height:360px;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
article:nth-of-type(2) {left:50%; top:0px; height:240px;
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-o-transition-delay:0.4s;
transition-delay:0.4s;
}
article:nth-of-type(3) {left:0%; top:370px; height:240px;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
}
article:nth-of-type(4) {left:50%; top:250px; height:250px;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-o-transition-delay:0.2s;
transition-delay:0.2s;
}
article:nth-of-type(5) {left:0%; top:620px; height:450px;
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;
}

article:nth-of-type(6) {left:50%; top:510px; height:170px;
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;}

article:nth-of-type(7) {left:50%; top:690px; height:190px;
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;}

article:nth-of-type(8) {left:50%; top:890px; height:180px;
-webkit-transition-delay:0.1s;
-moz-transition-delay:0.1s;
-o-transition-delay:0.1s;
transition-delay:0.1s;}


@media only screen and (max-width:1024px) {
section {height:1400px;}

article {width:48%;}
article:nth-of-type(1) {left:0; top:0px; height:470px;}
article:nth-of-type(2) {left:50%; top:0px; height:320px;}

article:nth-of-type(3) {left:0%; top:480px; height:290px;}
article:nth-of-type(4) {left:50%; top:330px; height:350px;}

article:nth-of-type(5) {left:0%; top:780px; height:600px; }
article:nth-of-type(6) {left:50%; top:690px; height:210px;}

article:nth-of-type(7) {left:50%; top:910px; height:240px; }
article:nth-of-type(8) {left:50%; top:1160px; height:220px;}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
section {height:2230px;}

article {width:98%;}
article:nth-of-type(1) {left:0%; top:0px; height:370px;}
article:nth-of-type(2) {left:0%; top:380px; height:240px;}

article:nth-of-type(3) {left:0%; top:630px; height:220px; }
article:nth-of-type(5) {left:0%; top:860px; height:480px;}
article:nth-of-type(4) {left:0%; top:1350px; height:290px;}

article:nth-of-type(6) {left:0%; top:1650px; height:180px;}
article:nth-of-type(7) {left:0%; top:1840px; height:200px;}
article:nth-of-type(8) {left:0%; top:2050px; height:170px;}
}

@media only screen and (max-width:480px) {
section {height:3140px;}

article {width:98%;}
article:nth-of-type(1) {left:0%; top:0px; height:550px;}
article:nth-of-type(2) {left:0%; top:560px; height:360px;}
article:nth-of-type(3) {left:0%; top:930px; height:340px;}
article:nth-of-type(5) {left:0%; top:1280px; height:710px;}
article:nth-of-type(4) {left:0%; top:2000px; height:400px;}
article:nth-of-type(6) {left:0%; top:2410px; height:210px;}
article:nth-of-type(7) {left:0%; top:2630px; height:260px;}
article:nth-of-type(8) {left:0%; top:2900px; height:230px;}

}