@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;
        img { width: 100%; }
        h1 { font-size: 30px; } 
        h2 { font-size: 25px; line-height: 40px; }
        p { font-size: 16px; line-height: 24px; }
    }
    
    /* Content */
    .Videos { display: block; padding: 30px; background: #111111; text-align: center; }
    .Videos iframe { width: 64vh; height: auto; aspect-ratio: 16 / 9; }
    #PortalPagina .row:has(a) { justify-content: center; background: black; margin: 0; }
    #PortalPagina .row:has(a) a, #PortalPagina .row:has(a) div { width: 25%; }
    
    #PortalPagina .row:has(a) div { display: flex; flex-flow: wrap; gap: 8px; justify-content: center; }
    #PortalPagina .row:has(a) div a { width: fit-content; background: #77b900; padding: 11px; text-align: center; border-radius: 5px; transform: translateY(-85px); }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        .Videos iframe { width: 100%; }
        #PortalPagina .row:has(a) a, #PortalPagina .row:has(a) div { width: 70%; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        .Videos iframe { width: 100%; }
        #PortalPagina .row:has(a) a, #PortalPagina .row:has(a) div { width: 40%; }
    }