/* general styles */
body{
  font-size: 13px;
  line-height: 1.5em;
}

div.container{
  width: 100%;
}
article.content.home div.centerContent,
article.content.expertiseOverview div.centerContent,
div.centerContent,
article.content.home div.block.video div.videoHolder,
article.content.home div.block.video div.videoHolder div.overlayBg {
  width: 100%;
}

.flex{
  display: block;
}


/*      HEADER & MENU      */
header{
  box-sizing: border-box;
  text-transform: uppercase;
  z-index: 10;
  background-color: #FFF;
  font-weight: 600;
  padding-top: 42px;
  position: fixed;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  right: 0px;
}
header.fixed{
  position: fixed;
  top: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  z-index: 3;
}
header a.logoHolder{
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

div.menuButton{
  display: block;
  position: absolute;
  right: 20px;
  top: 7px;
  font-size: 2em;
}

div.menuHolder{
  color: #FFF;
  background-color: #5e304e;
  padding-top: 42px;
  padding-bottom: 30px;
  display: none;
}
div.menuHolder nav{
  position: relative;
}
div.menuHolder nav>ul{
  display: block;
  justify-content: center;
  align-items: center;
}
div.menuHolder nav ul li{
  /*display: none;*/
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
div.menuHolder nav ul li a{
  display: block;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  color: inherit;
  position: relative;
  line-height: 1em;
  font-size: 1.3em;
}
div.menuHolder nav ul li a:hover{
  color: #bb971d;
}

div.menuHolder nav ul li.socialLinks{
  display: none;
}

footer a.social,
div.menuHolder nav ul li a.social{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 1.2em;
  margin-left: 0px;
  margin-right: 5px;
}
footer a.social:hover,
div.menuHolder nav ul li a.social:hover{
  background-color: #bb971d;
}
div.menuHolder nav ul li ul{
  position: relative;
  left: auto;
  display: block;
  background: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.menuHolder nav ul li ul li{
  position: relative;
  display: block;
  font-size: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  background: none;
}
div.menuHolder nav ul li ul li.menuItem a:before{
  display: none;
}

article.content div.centerContent{
  width: 100%;
}
article.content div.block{
  padding: 20px;
}
article.content div.block.imageBlock div.textHolder,
article.content div.block.imageBlock .sideImage{
  width: 100%;
  margin-bottom: 20px;
}

article.content div.block.clouds img{
  width: 100%;
}
article.content div.blue div.block.clouds img,
article.content div.block.clouds.coaching img {
  width: 80%;
}


/*      HOME      */
div.rocketHolder {
  height: auto;
}
div.rocketText.flex{
  display: flex;
}
div.rocket{
  position: relative !important;
  right: auto;
  top: auto;
  bottom: auto;
  pointer-events: none;
  background: none;
  padding-top: 40px;
  padding-bottom: 20px;
}
article.content.home div.rocketText{
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0px;
}

article.content.home div.home-text{
  padding-top: 70px;
}
article.content.home div.welcome {
  width: 100%;
  background-color: #5e304e;
  color: #FFF;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  padding-top: 60px;
  border-top-left-radius: 30px;
  margin-top: 0px;
  margin-bottom: 40px;
}
article.content.home div.welcome img{
  position: absolute;
  width: 80px;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
}
article.content.home div.welcome strong{
  color: #eec884;
}
article.content.home div.home-text-holder {
  width: 100%;
  padding-left: 0px;
}
article.content.home div.home-text-holder div{
  margin-bottom: 40px;
}

article.content{
  padding-top: 42px;
}

/*      REFERENTIES    */
article.content div.block.refHolder{
  gap: 0%;
}
div.referal{
  width: 100%;
}

/*    TRAININGEN   */
article.content div.block.expertiseOverview img,
article.content div.block.expertiseOverview svg{
  margin-bottom: 10px;
  width: 60px;
  height: auto;
}
article.content div.block.expertiseOverview span {
  display: block;
}
article.content div.block.expertiseOverview span br{
  display: none;
}
article.content div.block.expertiseOverview a {
  display: block;
  margin-bottom: 20px;
  width: auto;
}
article.content div.block.expertiseOverview .h1 {
  min-height: 0px;
}
article.content div.block.expertiseOverview {
  padding-top: 0px;
}
article.content div.block.expertiseOverview a {
  padding-top: 70px;
  margin-top: 80px;
}
article.content div.block.expertiseOverview a img{
  top: -60px;
  width: 80px;
}




/*      TEAM    */
a.employee{
  width: 100%;
  padding-top: 90px;
  -margin-bottom: 20px;
  margin-right: 0px;
}
a.employee span.purple{
  display: block;
  padding: 20px;
  min-height: 0px;
  border-top-left-radius: 30px;
}
a.employee span.name{
  display: block;
  color: #FFF;
  box-sizing: border-box;
  padding-top: 50px;
}
a.employee span.imageHolder{
  width: 150px;
  height: 150px;
  left: 50%;
  top: -90px;
  border-radius: 75px;
}
a.employee span.imageHolder img{
  display: block;
  width: 100%;
}
a.employee span.function{
  display: block;
  line-height: 1.2em;
  padding-top: 10px;
}
a.employee span.text{
  display: block;
  line-height: 1.2em;
  padding: 20px;
  font-size: 0.9em;

}

/*      VACATURES    */
.content.jobs div.block.grey.text-center a{
  display: block;
}

/*      CONTACT    */
p.contactInfo.flex{
  display: flex;
  width: 100%;
}
div.contactForm{
  width: 100%;
}

input.submitButton{
  display: block;
  width: 100%;
  box-sizing: border-box;
}


/*      FOOTER      */
footer{
  padding-top: 20px;
}
footer p.heading{
  text-align: center;
  margin-top: 20px;
}
div.footerCol{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 2px;
  border-right: none;
  position: relative;
  text-align: center;
}

div.copyright{
  line-height: 1.3em;
}
div.copyright br{
  display: inline;
}
div.copyright span{
  display: none;
}