@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    #PortalPagina { font-family: Poppins; }
    #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; }
    .SeoBasisBlok a { font-size: 16px; line-height: 30px; }
    
    /* Vlakverdeling */
    #Inleiding { padding: 50px 60px; background: #efefef; }
    #Inleiding .row {  background: black url(https://www.alternate.nl/download/b2c_nl/pic/themapagina/PCVoorElkSchoolkind/Nick.jpg?v=1); background-size: contain; border-image-source: linear-gradient(to right, #3265b4, #28a3b6, #45b287) !important; border: 10px solid; border-image-slice: 1; }
    #Inleiding .SeoTekstvlak { padding: 30px 80px; background: #ffffffeb; text-align: center; margin: 520px auto 0; width: 90%; border-radius: 40px 40px 0 0; }
    #Inleiding .SeoTekstvlak a { display: inline-block; background: #fc6d01; padding: 10px 20px; border-radius: 10px; font-weight: 900; color: #ffffff; font-size: 20px; }
    #Inleiding .SeoTekstvlak { position: relative; margin: 60% auto 0; }
    #Inleiding .SeoTekstvlak p:nth-child(2) { color: #e7770f; font-size: 20px; font-weight: 700; }
    #Inleiding .SeoTekstvlak p span { position: absolute; font-size: 100px; color: #e7770f; }
    #PortalPagina p span:nth-child(1) { transform: translate(-40px, 5px); }
    #PortalPagina p span:nth-child(2) { transform: translate(5px, 45px); }
    
    /* Content */

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 19px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        #Inleiding { padding: 0; }
        #Inleiding .SeoTekstvlak { padding: 30px 10px; margin: 60% auto 0; }
        #PortalPagina p span:nth-child(1) { transform: translate(-10px, -2px); }
        #PortalPagina p span:nth-child(2) { transform: translate(5px, 190%); right: 20px; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #Inleiding { padding: 20px 35px; }
        #Inleiding .SeoTekstvlak { margin: 60% auto 0; }
        #PortalPagina p span:nth-child(2) { transform: translate(5px, 33px); right: 100px; }
    }