.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%;}

    }