/* 
2TestIT site.css
auteur: Maurice de Rooij <webmaster@2testit.nl>
advies: YP
*/

body {
   background-color: #ffffff;
   color: #000000;
   position: relative;
   font-family: system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
   font-size: clamp(1em, 0.85em + 0.25vw, 1.25em);
}  

.section { padding: 6rem 0; }

.parallax {
   height: 60vh;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

@media (max-width: 768px) {
   .parallax { 
      background-attachment: scroll !important;
   }
}

/*
touchdevices hebben moeite met schalen en renderen van parallax effect
dus dat schakelen we uit anders is de parallax helemaal ingezoomd
*/
@media (pointer: coarse) { 
  .parallax {
    background-attachment: scroll !important;
  }
}

.coe_parallax { background-image: url('/assets/images/coe_parallax.webp'); background-color: #316eb6;}

.team_parallax { background-image: url('/assets/images/team_parallax.png'); }

.newfarm_parallax { background-image: url('/assets/images/newfarm_parallax.webp'); }

.pso_parallax { background-image: url('/assets/images/pso_parallax.png');}

.kantoor_parallax { background-image: url('/assets/images/kantoor_parallax.webp');}