/* general styles */
body{
  font-size: 14px;
}
div.centerContent{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.orangeButton,
a.brownButton,
a.greyButton,
a.outlineButton,
input.submitButton{
  margin-top: 20px;
}
input.submitButton{
  margin-top: 0px;
}

a.orangeButton.bigButton{
  margin-bottom: 20px;
  margin-top: 0px;
}
a.outlineButton{
  padding-left: 5px;
  padding-right: 5px;
}
a.outlineButton.prev{
  padding-left: 15px;
}
a.outlineButton.next{
  padding-right: 15px;
}
a.outlineButton span.fa{
  left: 5px;
}
a.outlineButton.next span.fa{
  right: 5px;
}


/*      HEADER      */
header div.centerContent{
  padding-left: 10px;
  padding-right: 10px;
}
header a.logoHolder,
header.fixed a.logoHolder,
header.forceFixed a.logoHolder{
  width: 150px;
  height: 55px;  
}
header a.logoHolder img{
  top: 10px;
  bottom: 10px;
}
header.fixed a.logoHolder img,
header.forceFixed a.logoHolder img{
  top: 10px;
}
div.menuHolder{
  right: -100%;
  width: 100%;
}
header div.menuButton{
  right: 10px;
  top: 15px;
  padding: 2px;
  padding-left: 30px; 
}
div.menuCloseButton{
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
}
div.menuHolder nav{
  padding-left: 20px;
  padding-top: 50px;
}
div.menuHolder nav ul li{
  font-size: 1.25em;
  line-height: 2em;
}
div.menuHolder nav ul li ul{
  padding-bottom: 10px;
}
div.menuHolder nav ul li ul li{
  font-size: 1.2em;
}
div.menuInfo{
  bottom: 20px;
  left: 20px;
  right: 20px;
  font-size: 1.3em;
}
div.menuInfo a.phoneLink{
  margin-top: 10px;
}




/*      CONTENT      */
div.content{
  padding-top: 55px;
}
div.content.noTopPadding{
  padding-top: 0px;
}
article div.pageTitle h1,
article div.pageTitle h2{
  padding: 20px;
}
article div.pageTitle img{
  right: 15px;
  width: 25px;
}

article h1.pinkGreyBg,
article .pageTitle h1,
article .pageTitle h2,
article .pinkGreyBg h2,
article .pinkBg h2{
  letter-spacing: 3px;
  margin-bottom: 20px;
}
article div.textHolder div.textCol h2,
div.content.blog article div.textHolder div.textCol h1{
  margin-bottom: 10px;
}
article div.textHolder div.textCol h3,
div.content.blog article div.textHolder div.textCol h2{
  font-size: 1em;
  margin-bottom: 5px;
}
article ul li{
  background-size: 15px 10px;
  background-position: left 6px;
  padding-left: 22px;
  padding-bottom: 10px;
}



div.textHolder div.textCol{
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
div.textHolder div.textCol:first-child{
  margin-right: 0%;
}



/*      HOME    */
div.centerContent.bottomVisual{
  padding: 0px;
}
div.bottomVisual div{
  padding-top: 30%;
}


div.homeQuote{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.homeQuote strong{
  font-size: 0.9em;
}

div.homeBlocks{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.homeBlocksHolder a,
div.homeBlocksHolder a:nth-child(3n){
  float: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
div.homeBlocksHolder a:last-of-type{
  margin-bottom: 0px;
}

div.homeBlocksHolder a span.titleHolder{
  padding-top: 15px;
}
span.dotLine{
  left: 25px;
  top: -20px;
  height: 50px;
}
h3 span.dotLine,
span.title span.dotLine{
  left: -15px;
  top: -30px;
}
div.sideBlock{
  display: none;
}
div.content.home div.mainContent,
div.content.team div.mainContent{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.content.team div.mainContent{
  padding-top: 0px;
}
div.mainText{
  display: block;
  align-items: initial;
}
div.content.contact div.mainText{
  padding-bottom: 20px;
}
div.content.home div.mainTextCol,
div.content.team div.mainTextCol{
  width: 100%;
  box-sizing: border-box;
  padding-right: 0px;
}
div.content.contact div.mainTextCol{
  width: 100%;
}
div.content.home article div.mainTextCol h1,
div.content.team article div.mainTextCol h2,
div.content.contact article div.mainTextCol h2{
  font-size: 2.2em;
  margin-bottom: 15px;
  margin-top: 20px;
}
div.content.home article div.mainTextCol h1{
  margin-top: 0px;
}
div.content.team article div.mainTextCol h2{
  margin-top: 20px;
  margin-bottom: 20px;
}
div.content.contact article div.mainTextCol h2{
  margin-top: 0px;
  font-size: 2.2em;
}
div.content.home article div.mainTextCol h1 span,
div.content.team article div.mainTextCol h2 span{
  display: block;
  padding-left: 0px;  
}

div.content.home div.mainTextCol div.textHolder{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}


div.content div.sideImage{
  width: 100%;
  margin-top: 20px;
}
div.content.contact div.sideImage{
  width: 100%;
  padding-left: 0px;
}
div.content div.sideImage img,
div.content.team div.sideImage img,
div.content.contact div.sideImage img{
  width: 100%;
  float: none;
  margin-top: 0px;
}
div.content.contact div.sideImage img{
  margin-top: 20px;
  margin-bottom: 20px;
}

div.content div.sideImage div.imageText{
  display: none;
}
div.content div.sideBg{
  background: none;
  display: none;
}
div.content.home div.projectOverview,
div.teamOverview{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.content.home div.projectOverview h2{
  letter-spacing: 2px;
  margin-bottom: 15px;
  height: auto;
  border: none;
  text-align: center;
}
div.content.home div.projectOverview h2 span{
  padding: 0px;
  height: auto;
}

/*      TEAM      */
div.teamOverview h2{
  letter-spacing: 3px;
  margin-bottom: 20px;
}
div.teamOverview div.employee{
  width: 100%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-top: 20px;
  float: none;
}
div.teamOverview div.employee div.info{
  background-color: #FFF;
  padding: 15px;
  padding-left: 30px;
}
div.teamOverview div.employee h3{
  letter-spacing: 2px;
  font-size: 1em;
}
div.teamOverview div.employee p{
  margin-top: 5px;
  font-size: 1em;
}

/*      PROJECTEN   */
div.content.projects div.projectOverview{
  margin-bottom: 20px;
}
div.content.home div.projectOverview div.projectHolder a,
div.projectHolder a,
div.projectHolder a:nth-child(2n){
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  float: none;
}
div.projectHolder a span.location{
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 1.2em;
}
div.projectHolder a span.description{
}
article div.projectNav{
  padding: 20px;
  margin-bottom: 20px;
}
div.projectInfo{
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-top: 15px;
}
div.projectInfo h1{
  font-size: 1.25em;
}
div.projectInfo h2{
  margin-top: 0px;
  font-size: 0.85em;
}


/*      BLOGS   */
div.blogOverview{
  margin-bottom: 0px;
}
div.blogHolder a{
  width: 100%;
  margin-right: 0%;
  margin-bottom: 20px;
  float: none;
}
div.blogHolder a span.blogInfo{
  padding: 15px;
  padding-left: 30px;
  margin-bottom: 10px;
  min-height: 0px;
}
div.blogHolder a span.title{
  margin-bottom: 0px;
}
div.blogHolder a span.intro{
  min-height: 0px;
}
div.blogHolder a span.orangeButton{
  margin-top: 10px;
}
div.content.blog article div.textHolder div.textCol img{
  margin-bottom: 20px;
}
div.content.blog div.author{
  margin-top: 15px;
  padding-top: 12px;
}

/*      CONTACT    */
div.content.contact{
  padding-bottom:
}
div.content.contact div.sideImage h2{
  font-size: 1em;
  margin-bottom: 10px;
}
div.content.contact div.sideImage p{
  font-size: 1em;
}
div.content.contact div.sideImage p.socialLinks{
  margin-top: 10px;
}

/*      FOOTER      */
div.footerBar{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.footerBar div.dotLine{
  left: 10px;
  top: -40px;
  height: 65px;
}
div.footerBar div.dotLine div.extraLine{
  height: 20px;
}
div.footerBar a{
  margin-left: 0px;
  width: 100%;
  box-sizing: border-box;
}
div.footerBar div.quote{
  width: 100%;
  float: none;
  margin-top: 20px;
  padding-left: 35px;
}
div.footerCol{
  padding-top: 0px;
  padding-bottom: 20px;
  width: 100%;
  padding-left: 0px;
  float: none;
}
div.footerCol:first-child{
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}
div.footerCol h3{
  margin-bottom: 0px;
  font-size: 0.85em;
}
div.copyright{
  font-size: 0.85em;
  line-height: 1.2em;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.copyright br{
  display: inline;
}
div.copyright span{
  display: none;
}