.col-12 { padding: 0px; }
     #footer .col-12 { padding: 0 15px; }
     .skyscraper { display: none; }
     
     #PortalPagina { margin: 0 15px; background: black; color: white; }
     #PortalPagina p { font-size: 16px; line-height: 24px; }
     #PortalPagina a { color: greenyellow; }
     
     .OmslagFoto img { width: 100%; }
     
     #PortalMenu { margin-top: -30px; }
     #PortalMenu .row { background: white; }
     #PortalMenu .btn {font-size: 20px !important; }
     #PortalMenu .dropdown-menu a { padding: 14px; color: black !important; align-self: center; }
     
     .Inleiding { text-align: center; padding: 80px;}
     .Videos iframe { margin-top: 30px; border: none; }
     
     #Producten { display: flex; flex-wrap: wrap; justify-content: center; }
     #Producten .card {  width: 25%; margin: 20px; background: #0b5d5f; }
     #Producten .card p { color: white !important; text-align: center; }
     
     .film01 iframe { width: 100%; height: 51em; border: none; }
     
     @media screen and (max-width: 667px) { /* Mobile */
          #PortalPagina p { font-size: 14px; line-height: 23px;}
          .Inleiding { padding: 20px; }
          .Videos iframe { width: 100%; }
          #Producten .card { width: 90%; }
          .film01 iframe {  height: 17em; }

    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
         #PortalMenu .row { flex: 0 0 80%; max-width: 80%; }
         #PortalMenu .dropdown-menu a { padding: 6px; }
    }

.disablePic {
  -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}