@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;  background: black; color: #888888; text-align: center; 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; }
    
    /* Content */
    #Inleiding .SeoTekstvlak { padding: 80px; 
        h1 { text-transform: uppercase; color: white; font-weight: 100; }
        h1 span { font-size: 80px !important; font-weight: bold; color: #44d62c; }
        p { font-size: 18px; line-height: 30px; }
    }
    
    #Laptops{
        .row {justify-content: center; }
        h3 { font-size: 25px; text-transform: uppercase; color: #44d62c; }
        p strong { color: white; text-transform: uppercase; }
        p:nth-child(3) { height: 170px; }
        a { display: block; width: 80%; margin: 0 auto; border: 3px solid #44d62c; border-radius: 10px; padding: 10px; color: white; text-transform: uppercase; transition: .15s; 
            &:hover { background: #36b920; color: black; }
        }
    } 
    
    #Content { padding: 50px 80px; background: #141414; margin-top: 90px;
        h2 { font-size: 50px !important; text-transform: uppercase; padding: 20px; color: #44d62c; }
        h3 { font-size: 20px; text-transform: uppercase; color: #44d62c; }
    }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 15px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        #Inleiding .SeoTekstvlak { padding: 20px;
            h1 span { font-size: 25px !important; font-weight: bold; color: #44d62c; }
            p { font-size: 16px; line-height: 24px; }
        }
        #Laptops {
            .col-lg-4 { max-width: 100%; }
            p:nth-child(3) { height: auto; }
        }
        #Content { padding: 10px;
            h2 { font-size: 20px !important; }
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #Inleiding .SeoTekstvlak { padding: 40px;
            h1 span { font-size: 70px !important; }
        }
        #Laptops {
            .col-lg-4 {  max-width: 50%; }
            p:nth-child(3) { height: auto; }
        }
        #Content .row { justify-content: center; }
    }