.Razer{ background-color: black; color: white; }
    .Razer section{ border-bottom: 2px solid limegreen;}
    .Razer .row{margin: 0;}
    .Razer .col-12{padding: 0;}
    .Razer img{width: 100%; height: auto;}
    .Razer .header>.col-12{background-color: #222222; border-bottom: 2px solid limegreen;}
    .Razer .logo{width: 200px;}
    .Razer a{color:limegreen;}
    
    /* Menu */
    #PortalMenu { padding: 0; color: black; z-index: 2;}
    #PortalMenu .row { background: limegreen; align-items: center; justify-content: center; }
    #PortalMenu .row div { width: 12%; }
    #PortalMenu .row div a { display: block; text-align: center; padding: 1em; color: black;}
    .UitklapVlak { position: absolute; padding: 0 !important; background: limegreen; padding: 1em; display: flex; flex-direction: column;  margin-left: -15px;}
    /* Menu */

    #PortalMenu .row { background: limegreen; align-items: center; justify-content: center; }
    #PortalMenu .row div { width: 12%; }
    #PortalMenu .row div a { display: block; text-align: center; padding: 1em; color: black;}
    .UitklapVlak { position: absolute; padding: 0 !important; background: limegreen; padding: 1em; display: flex; flex-direction: column;  margin-left: -15px;}

    .Razer #console{padding: 0 20%;}
    #chroma span{color: limegreen;}
    #streaming > div{
        justify-content: center;
    }


@media screen and (max-width: 500px) { /* Mobile */

         #PortalMenu .row { flex-direction: column; }
         #PortalMenu .row div { width: 100%; }
         .UitklapVlak { position: inherit; width: 100% !important; }
         .Razer #console{padding: 0;}
         .Razer .order1{order: 1;}
         .Razer .order2{order: 2;}
    }

@media screen and (min-width: 501px) and (max-width: 1032px) { /* Tablet */
         #PortalMenu .row div { width: 25%; }
         .UitklapVlak { width: 25% !important; }
         .Razer #console{padding: 0 10%;}
    }