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

section {width:100%; max-width:1000px; min-width:330px; height:1180px; 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:310px; 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.acusense {display:block; margin:10px auto; border:0px solid #ddd; height:130px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.beroeps {display:block; margin:10px auto; border:0px solid #ddd; height:70px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.pinnen {display:block; margin:20px 20px; float:left; border:1px solid #ddd; width:80px;
box-shadow:0 15px 40px -15px rgba(0,0,0,0.6);
}
article img.adres {display:block; margin:10px auto; border:0px solid #ddd; height:230px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article h1.art {font:normal 22px/26px 'Ubuntu Condensed', arial, sans-serif; color:#7aaa7f; margin:0; padding:5px 15px 0 20px;}
article p.art {display:block; clear:left; padding:0 10px; margin:10px 0px 10px 20px; font:normal 14px/18px 'Ubuntu', arial, sans-serif;}
article p.right {display:block; clear:left; text-align:right; padding:0 0px; font:normal 16px/20px 'Ubuntu', arial, sans-serif;}
article p.info {color:#c00; margin:10px 10px 10px 10px;}
article p.backwards {display:block; clear:left; padding:0 20px; margin:10px 10px 10px 30px; font:normal 14px/16px 'Ubuntu', arial, sans-serif; unicode-bidi:bidi-override; direction: rtl;}
article a.betalen  {font:bold 14px/16px 'Ubuntu', arial, sans-serif; color:#c00; text-decoration:none; }
article table {width:98%; border:0px; margin:auto auto;}
article th {font:normal 16px/18px 'Ubuntu Condensed', arial, sans-serif; color:#c00; margin:0; padding:0px 15px 0 20px;}

article:nth-of-type(1) {left:0; top:0px; height:300px;
-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:0; top:310px;  height:300px;
-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:620px;  height:230px;
-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:860px; height:300px;
-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:50%; top:0px; height:1160px;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-o-transition-delay:0.2s;
transition-delay:0.2s;
}



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

article {width:48%;}
article:nth-of-type(1) {left:0; top:10px;}
article:nth-of-type(2) {left:0; top:320px;}
article:nth-of-type(3) {left:0%; top:630px;}
article:nth-of-type(4) {left:0%; top:870px; height: 470px;}
article:nth-of-type(5) {left:50%; top:10px; height: 1330px;}
}

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

article {width:98%;}
article:nth-of-type(1) {left:0%; top:10px;}
article:nth-of-type(2) {left:0%; top:320px;}
article:nth-of-type(3) {left:0%; top:630px;}
article:nth-of-type(4) {left:0%; top:870px; height:320px;}
article:nth-of-type(5) {left:0%; top:1200px; height:1110px;}
}

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

article {width:98%;}
article:nth-of-type(1) {left:0%; top:10px; height:300px;}
article:nth-of-type(2) {left:0%; top:320px; height:340px;}
article:nth-of-type(3) {left:0%; top:670px; height:240px;}
article:nth-of-type(4) {left:0%; top:920px; height:470px;}
article:nth-of-type(5) {left:0%; top:1400px; height:1600px;}

}