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