.col-12 { padding: 0px; }
    #footer .col-12 { padding: 0 15px; }
    
    #PortalPagina img { width: 100%; transition: 0.5s; }
    #PortalPagina h1 { font-size: 30px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    #PortalPagina .ItemAfbeelding img { transform: scale(1.2); filter: drop-shadow(4px 3px 3px #ad8c3f); }
    
    /* Vlakverdeling */ 
    #PortalPagina { width: 100%; background: #451e55;  }
    #PortalPagina .SeoBasisBlok { display: flex; margin: 0 auto; }
    .SeoEnkelvlak { width: 100%; display: inline-flex; }
    
    /* Content */
    #Categorie { flex-direction: column; }
    #Categorie .Drieluik { flex-flow: wrap; justify-content: center; }
    
    #Merken .SeoEnkelvlak { flex-flow: wrap; justify-content: center; margin: 0 0 50px; }
    #Merken .SeoEnkelvlak a { width: 20%; padding: 4px; margin: 10px; background: #ffffff; border: 2px solid #ff1e4c; border-radius: 50px; transition: .15s; box-shadow: 1px 5px 5px #7f15ab; }
    #Merken .SeoEnkelvlak a:hover { transform: scale(1.05); transition: .15s; }
    
    .actieVoorwaarden { background: #e0e0e0; padding: 20px 30px; }
    
    /* Content*/
    .Tussentitel { background: #942bd6; padding: 30px; margin: 20px 0; width: 100%; }
    .Tussentitel h2 { text-align: center; font-size: 30px; text-transform: uppercase; margin: 0; color: white;}
    
    #Categorie .Drieluik a { position: relative; width: 28%; background: linear-gradient(100deg, #f5b10d, #f8d580); border-radius: 20px; margin: 25px; }
    #Categorie .Tekstvlak { background: #ff1e4c; position: absolute; bottom: 0; display: block; width: 100%; text-align: center; border-radius: 20px; overflow: hidden;}
    #Categorie .Tekstvlak p { font-size: 20px;  color: white; text-transform: uppercase; font-weight: bold; margin: 10px; }
    
    .MeerText { font-size: 16px !important; margin: -31px 0 7px !important; transform: translateY(30px); transition: 0.5s; }
    #Categorie .Drieluik a:hover .MeerText { margin: -7px 0 7px !important; transform: translateY(0); transition: 0.5s; }
    #Categorie .Drieluik a:hover > .ItemAfbeelding img { transform: scale(1.3); transition: 0.5s; }
    
    .GroteBanner { width: 63.66% !important; background: none !important; margin: 0 !important; }
    
    @media screen and (max-width: 667px) { /* Mobile */
        .SeoEnkelvlak { flex-direction: column; }
        .SeoEnkelvlak div { width: 100%; }
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        
        #Categorie .Tweeluik a, #Categorie .Drieluik a { width: 12em; margin: 10px; }
        .Tweeluik { flex-flow: wrap; }
        
        #Merken .SeoEnkelvlak a { width: 43%; padding: 10px; }
        
        #Categorie .SeoEnkelvlak a img { border-radius: 7px;}
        #Categorie .Drieluik { justify-content: center; }
        
        .Tussentitel { padding: 20px; }
        .Tussentitel h2 { font-size: 20px; }
        
        #Categorie .Tekstvlak p { font-size: 12px; margin: 0; }
        .MeerText { display: none; }
        
        .GroteBanner {  width: 100% !important; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */ 
        #Categorie .SeoEnkelvlak a { width: 33%; padding: 0; }
        #Merken .SeoEnkelvlak a { width: 22%; padding: 5px; }
        #GoogleForm iframe { min-height: 790px; }
        
        .Vierluik { flex-flow: wrap; }
        .Vierluik a, .Drieluik a { width: 40% !important; max-height: 348px;}
        .GroteBanner { margin: 23px !important; }
    }