/***************************************
*
*___TRIPLEPRO CUSTOM_______________
*
*   TriplePro Leuven 2
*   www.triplepro.be
*
***************************************/

html
{
  background-image  : url('/websites/1613/images/leuven.png');
  background-size   : cover;
  background-repeat : no-repeat;
  font-family       : "Karla", "GT-Walsheim", sans-serif;
  font-size         : 20px;
  font-weight       : 400;
  line-height       : 1.7;
  color             : white;
}

h1
{
  color       : #FFFFFF;
  font-family : "GT-Walsheim", sans-serif;
  font-size   : 7.5em;
  font-weight : 700;
  line-height : 1.1;
  margin-top  : 10px;
}

h2
{
  margin-top : -80px;
  font-size  : 3.2em;
}

h3
{
  margin-top : 5px;
  font-size  : 1.6em;
}

p
{
  color       : #FFFFFF;
  font-size   : 20px;
  line-height : 1.1;
  margin-top  : 5px;
}

a
{
  color           : white;
  text-decoration : underline;
}

html body div#hoofd div#TEXT_UO8EE30Y
{
  background-color : rgba(0, 0, 0, 0.7);
  width            : 1000px;
  height           : 500px;
  position         : absolute;
  bottom           : 150px;
  right            : 150px;
  left             : unset;
  top              : unset;
  padding          : 20px;
}

@media (max-width : 992px)
{
  html body div#hoofd div#TEXT_UO8EE30Y
  {
    right : 5%;
    width : 90%;
    top   : 5%;
  }

  h1
  {
    font-size  : 2.5em;
    margin-top : 5px;
  }

  h2
  {
    font-size  : 1.8em;
    margin-top : -30px;
  }

  h3
  {
    font-size : 1.5em;
  }

  p
  {
    font-size : 35px;
  }
}

/* Important rommel */
#content, #bottom
{
  height : 0 !important;
}

html, html body, html body #hoofd
{
  height : 100% !important;
}

html body #website_footer
{
  display : none !important;
}