/* Tablet-formaat: bijvoorbeeld tussen 768px en 1024px */
@media (max-width: 1024px) {
   .container {
     max-width: 960px;
   }
 }
 
 /* Mobiel-formaat: kleiner dan 768px */
 @media (max-width: 768px) {

   html {
      font-size: 15px;
      line-height: 1.5;
   }

   h1 {
      font-size: 1.8em;
   }

   .container {
     max-width: 540px;
   }

   #intro_home {
      padding-bottom: 20px !important;
   }

   #intro_home h2 {
      font-size: 1.4em;
      line-height: 1.2;
   }

   .row {
      margin-left: -20px;
      margin-right: -20px;
   }

   .content {
      margin-top: 300px !important;
      padding: 20px 0px !important;
   }

   #content_home h1 {
      font-size: 2.5em;
      line-height: normal;
      margin-bottom: 20px;
   }

   #content_home h2 {
      font-size: 1.6em;
      margin-bottom: 20px;
   }

   #usp_home {
      padding: 25px auto !important;
   }

   .slider {
      height: 300px !important;
   }

   [class*='container'], [class*='column-'] {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
 }