#PortalPagina {



  width: 100%;



  position: relative;



  z-index: 0;



  background: #181818;



  color: white;



}







#PortalPagina img {



  width: 100%;



}







#PortalPagina h1 {



  font-size: 30px;



}







#PortalPagina h2 {



  font-size: 25px;



  line-height: 40px;



  color: #fe000a;



}







#PortalPagina p {



  font-size: 16px;



  line-height: 24px;



}







#PortalPagina a {



  color: #fe000f;



}







#PortalPagina #Inleiding .btn:hover, #PortalPagina #Racing .btn:hover {



  background: #fc0200;



  transition: background-color 0.2s linear;



}















.OmslagFoto .Logo {



  display: block;



  padding: 30px;



  background: black;



  border-bottom: 5px solid white;



}







.OmslagFoto .Logo img {



  max-width: 300px;



}







#Inleiding .SeoTekstvlak {



  padding: 60px 100px;



  text-align: center;



}







#Inleiding .SeoTekstvlak a, #Racing .SeoTekstvlak .btn {



  background: #ad0611;



  padding: 10px;



  color: white;



  border: 1px solid white;



  border-radius: 5px;



  transition: background-color 0.2s linear;



}







#Flight .SeoTekstvlak .btn {



    background: #d69200;



    padding: 10px;



    color: white;



    border: 1px solid white;



    border-radius: 5px;



    transition: background-color 0.2s linear;



  }







  #PortalPagina #Flight .btn:hover {



    background: #fead00;



    transition: background-color 0.2s linear;



  }







.Niveaus {



  margin: 15px;



}



.Niveaus .niveau {



  border-radius: 30px;



  overflow: hidden;



  background: #252525;



  padding: 0;



}







.Niveaus .SeoTekstvlak {



  max-width: 100%;



  padding: 20px !important;



  text-align: left !important;



  border: none !important;



  margin-top: -40px;



}







.Niveaus .SeoTekstvlak h2 {



  color: white !important;



}







#Racing h2 {



  color: #fc0200;



}







#Racing .Niveaus .niveau {



  border: 2px solid red;



}







#Racing .SeoTekstvlak {



  text-align: center;



  padding: 60px 80px;



}







#Racing a {



  color: #fe0105;



}







#Flight .row:nth-child(2) {



  align-items: center;



}







#Flight .SeoTekstvlak {



  padding: 50px;



}







#Flight .row:nth-child(2) h2 {



  color: #fead00;



}







#Flight .Niveaus .niveau {



  border: 2px solid #fdad00;



}







#Flight a {



  color: #ffaa01;



}







#Farming {



  background: black;



  margin: 20px 0;



}







#Farming .row {



  flex-direction: row-reverse;



  align-items: center;



}







#Farming .ItemAfbeelding {



  margin: 0;



}







#Farming .row .SeoTekstvlak {



  padding: 60px;



}







#Controllers {



  background: black;



  margin: 20px 0;



}







#Controllers .row {



  align-items: center;



}







#Controllers .ItemAfbeelding {



  margin: 0;



}







#Controllers .row .SeoTekstvlak {



  padding: 60px;



}







#Hercules {



  background: #252323;



}







#Hercules .SeoTekstvlak {



  padding: 0 80px 60px;



  text-align: center;



}







@media screen and (max-width: 767px) {



  /* Mobile */







  #PortalPagina h1 {



    font-size: 25px;



  }







  #PortalPagina p {



    font-size: 14px;



    line-height: 23px;



  }







  .OmslagFoto .Logo img {



    width: 100% !important;



  }







  #Inleiding .SeoTekstvlak {



    padding: 20px;



  }







  #Racing .SeoTekstvlak {



    padding: 20px;



  }







  .Videos iframe {



    width: 100%;



  }







  #Farming .row .SeoTekstvlak {



    padding: 30px;



  }







  #Controllers .row .SeoTekstvlak {



    padding: 30px;



  }







  #Hercules .SeoTekstvlak {



    padding: 30px;



  }



}







@media screen and (min-width: 768px) and (max-width: 1032px) {



  /* Tablet */







  .Videos iframe {



    margin: 0 auto;



    display: block;



  }







  #Farming .row .SeoTekstvlak {



    padding: 30px;



  }







  #Controllers .row .SeoTekstvlak {



    padding: 30px;



  }







  #Hercules .SeoTekstvlak {



    padding: 30px;



  }



}