@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    
    #PortalPagina { width: 100%; position: relative; z-index: 0; font-family: Poppins;     background: black;}
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; } 
    #PortalPagina h2 { font-size: 25px; line-height: 40px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    
    /* Menu */
    #PortalMenu { display: flex; justify-content: center; }
    #PortalMenu a { color: white; width: fit-content; padding: 18px 87px; background: black; }
    #PortalMenu a:nth-child(1) { color: #f4ee1e; }
    
    /* Vlakverdeling */
    #Inleiding { display: flex; justify-content: center; padding: 80px; }
    #Inleiding .row img { width: 23%; margin: 0 auto; }
    
    #Section2 .row { flex-flow: row; padding: 60px 110px; }
    #Section2 .row img { width: inherit; transform: scale(0.8); margin: 0 -70px; }
    
    #Koeling .row { padding: 80px; }
    #Koeling .row a { display: inline-block; background: #d9d400; padding: 10px 30px !important; width: fit-content !important; margin: 20px auto !important; border-radius: 5px; font-weight: bold; }
    #Koeling img:last-child { padding: 0 300px; }
    
    #Section9 { display: flex; flex-direction: column; align-items: center; }
    #Section9 a { width: 20%; padding: 0; }
    #Section9 a img { width: auto; }
    
    #Section10 { display: flex; flex-direction: column; align-items: center; padding: 60px; }
    
    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        
        #PortalMenu { overflow: hidden; }
        #PortalMenu a { width: 100%; text-align: center; border-bottom: solid #272727; }
        
        #Inleiding { padding: 0; }
        #Inleiding .row img { width: 100%; }
        
        #Section2 .row { flex-flow: column; padding: 0 0 50px; align-items: center; }
        
        #Koeling .row { padding: 60px 20px; }
        #Koeling .row a { text-align: center; }
        #Koeling img:last-child { padding: 0; }
        
        #Section9 .row { overflow: scroll; display: flex; flex-flow: row; width: 100%; }
        #Section9 a { width: 67%; }
        
        #Section10 { padding: 0; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #Inleiding .row img { width: 43%; }
        #Section2 .row { flex-flow: column; padding: 60px 0; }
        #Section2 .row img { width: 50%; transform: scale(1); margin: 0 auto; }
        #Section9 .row { overflow: scroll; width: 100%; flex-flow: row; }
        #Section9 a { width: 33%; }
    }