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

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

article {width:31.3%; height:700px; 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.moxa {display:block; margin:20px 40px; float:left; border:1px solid #ddd; height:160px; width:220px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}
article img.cupping {display:block; margin:20px 40px; float:left; border:1px solid #ddd; height:160px;  width:220px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}
article img.massage {display:block; margin:20px 40px; float:left; border:1px solid #ddd; height:160px;  width:220px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}
article img.kruiden {display:block; margin:20px 40px; float:left; border:1px solid #ddd; height:160px;  width:220px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}
article img.dorn {display:block; margin:20px 40px; float:left; border:1px solid #ddd; height:160px;  width:220px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}
article img.chinflex {display:block; margin:20px 40px; float:left; border:1px solid #ddd; height:160px;  width:220px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}


/* article:nth-of-type(1) {left:0; top:0px; background:url(images/verloopgeel.png) repeat-y ; */
article:nth-of-type(1) {left:0; top:0px; background:#fff;
-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:33.3%; top:0px; background:#fff
-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:66.6%; top:0px; background:#fff
-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:0%; top:710px; background:#fff
-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:33.3%; top:710px; background:#fff
-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:66.6%; top:710px; background:#fff
-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:66.6%; top:710px; background:#fff
-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:66.6%; top:710px; background:#fff
-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:1540px;}

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

article:nth-of-type(3) {left:0%; top:510px; height:500px;}
article:nth-of-type(4) {left:50%; top:510px; height:500px;}

article:nth-of-type(5) {left:0%; top:1020px; height:500px; }
article:nth-of-type(6) {left:50%; top:1020px; height:500px;}

article:nth-of-type(7) {left:0%; top:1020px; height:500px; }
article:nth-of-type(8) {left:50%; top:1020px; height:500px;}

}

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

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

article:nth-of-type(3) {left:0%; top:640px; height:310px;}
article:nth-of-type(4) {left:0%; top:960px; height:310px;}

article:nth-of-type(5) {left:0%; top:1280px; height:310px;}
article:nth-of-type(6) {left:0%; top:1600px; height:310px;}
}

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

article {width:98%;}
article:nth-of-type(1) {left:0%; top:10px; height:610px;}
article:nth-of-type(2) {left:0%; top:630px; height:610px;}

article:nth-of-type(3) {left:0%; top:1250px; height:610px;}
article:nth-of-type(4) {left:0%; top:1870px; height:610px;}

article:nth-of-type(5) {left:0%; top:2490px; height:610px;}
article:nth-of-type(6) {left:0%; top:3110px; height:610px;}

}