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

section {width:100%; max-width:1000px; min-width:320px; height:830px; position:relative; margin:0 auto; background:#eee;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
header {background:transparent; height:180px;}
header h1 {font:normal 60px/60px 'Shadows Into Light Two', arial, sans-serif; color:#000; margin:0; padding:40px 0 0 150px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

header h3 {font:normal 25px/25px 'Ubuntu', arial, sans-serif; color:#000; margin:0; padding:5px 0 0 280px;
-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:810px; 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.beroeps {display:block; margin:0px 10px 20px 20px; float:left; border:0px solid #ddd; height:60px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.acusense {display:block; margin:0px 10px 20px 20px; float:left; border:0px solid #ddd; height:100px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.pinnen {position:relative; margin:-60px 10px 30px 20px; float:left; border:0px solid #ddd; width:50px;
box-shadow:0 15px 10px -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 img.needles {display:block; float:left; margin:20px 20px 10px 0px;  border:0px solid #ddd; height:120px; 
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}

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:50%; top:0px; background:#fff;
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-o-transition-delay:0.4s;
transition-delay:0.4s;
}

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

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

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

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

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

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