@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; }

    }