#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;

  }

}