/* Smartphones ---------*/
@media only screen and (max-width : 760px) {
#container, #container-rest {width: 100%;}
#logo {float:right;height: 85px;}
img#header-screen {display:none;}
img {max-width: 100%;height: auto;}
img#header-mobiel {diplay:block;}
img#header-mobiel {max-width: 100%;height: auto;}
img#header-mobiel {position:static !important;margin:0 auto;top:auto;left:auto;}
#onder-foto-home h1 {margin-left: 5px;text-align: left}
section.testimonial {width: 90%;height: 100%;padding:10px;margin:10px 10px 30px 0px;}
/*header {height:100%}*/

nav#screen {display:none;}
nav#mobiel {display: block;}
nav#mobiel {clear:both;padding-left:5px;margin:0;margin:0;}
nav#mobiel ul {width:100%;clear:both;margin:0;margin-top:0px;list-style-type: disc;padding-left: 20px;}
nav#mobiel li {clear:both;width:100%;padding:0; padding-bottom:2px;margin:0;border:0}
div#onder-foto-home {margin-top: 0px;}
div#onder-foto {margin-left:10px;margin-top: 10px;}
div#onder-foto h1 {clear: both; padding-top: 10px;}
div#onder-foto section {width:90%}
.quote-float {clear:both;width:90%;margin: 10px;}
.quote {margin:10px;}
.right {margin-bottom: 55px;}
aside {margin:0;clear:both}
#aside-twee {margin-top: 10px}
footer {height: 190px;margin-top: -70px}
}

/*tablets*/
@media only screen and (min-width : 761px) and (max-width : 1000px) {
  #logo {clear:both;height: 85px;margin-left:5px;}

#container, #container-rest {width: 100%;padding:0;margin:0}
header {height:100%}
img#header-mobiel {display:none !important;}
img#header-screen {
position: static;
top:103px;
left: 50%;
width: 2000px;
height: 260px;
margin-left: -1000px; /* Half the width */
}
nav#screen ul{margin: 10px 0 10px -50px;width:700px;}
nav#screen a {font-size: 0.9em}
section.testimonial {clear:both}
.quote-float {clear:both;width:90%;margin: 10px;}

}