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

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

article {width:48%; height:740px; 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.privacy {display:block; float:left; margin:00px 30px 10px 10px; border:0px solid #ddd; height:90px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.robbie {display:block; float:left; margin:20px 30px 20px 10px; border:0px solid #ddd; height:160px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}

article:nth-of-type(1) {left:0; top:0px; 
-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;
-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:1000px) {
section {height:890px;}

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

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

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


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

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

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

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