@import url("https://fonts.googleapis.com/css?family=Ubuntu");
@import url(normalize.css);
:root {
  font-size: 62.5%; }

#phone-home{
  margin-right: 2em;
  position: relative;
  top: 5px;
}

.phone-mobile{
  margin-right: 2em;
  position: relative;
  top: 5px;
}

#email-icon{
  margin-right: 2em;
  position: relative;
  top: 5px;
}

#stad{
  padding-left: 4em;
}

body {
  font-family: helvetica; }

html {
  -webkit-text-size-adjust: none; }

.wide {
  width: 100%; }

.mid {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1.3px; }

.nullPad {
  padding: 0; }

.nullMar {
  margin: 0; }

.textCenter {
  text-align: center; }

.clearfix {
  clear: both; }

img {
  max-width: 100%;
  height: auto; }

h1 {
  background: url("../img/genv_logo.png") no-repeat;
  text-indent: -9999999999999px;
  height: 50px;
  width: 500px;
  padding: 1.9rem 2rem;
  text-transform: uppercase;
  margin: 0.4em 1.4em;
  position: relative;
  top: 10px; }

h2, h3, h4, h5 {
  font-size: 3rem; }

ul {
  list-style-type: none;
  padding: 0; }

p {
  font-size: 2.4rem;
  line-height: 1.4em;
  color: #000; }

a {
  text-decoration: none; }

label {
  display: block;
  padding: 2rem 0;
  font-size: 2rem; }

input {
  width: 100%;
  height: 50px;
  margin: 2rem 0;
  border: 1px solid #D4D5CD;
  padding: 0 2em;
  font-family: Helvetica;
  font-size: 1.4rem; }

textarea {
  display: block;
  width: 100%;
  height: 300px;
  padding: 2em;
  border: 1px solid #D4D5CD;
  font-size: 2rem; }

select {
  width: 100%;
  height: 30px;
  margin: 1em 0;
  border: 1px solid #D4D5CD; }

input[type=submit] {
  background: midnightblue;
  border: none;
  width: 100%;
  padding: 2rem 0;
  border-radius: 2px;
  background-clip: padding-box;
  display: block;
  color: #fff; }

.contactFormulierContainerCounter {
  overflow: hidden;
  padding: 2rem 0; }

#head-formulier {
  background: #fff;
  padding: 2rem 3rem 5rem 3rem; }

.contactFormulierContainer h4 {
  margin: 0;
  padding: 5rem 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

.navigationcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fcfdff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1; }

#hamburgericon div:nth-child(1) {
  top: 0px; }

#hamburgericon div:nth-child(2), #hamburgericon div:nth-child(3) {
  top: 18px; }

#hamburgericon div:nth-child(4) {
  top: 36px; }

#hamburgericon.open div:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#hamburgericon.open div:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#hamburgericon.open div:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#hamburgericon.open div:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

#hamburgericon {
  margin-right: 6rem;
  width: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  top: -8px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out; }

.hamburger__children {
  width: 35px;
  height: 6px;
  background: #000;
  margin: 0.5rem 0;
  border-radius: 10px;
  display: block;
  position: absolute;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out; }

.fixed {
  position: fixed;
  top: 0;
  width: 100%; }

#sidebartoggler {
  display: none; }
  #sidebartoggler:checked + .pagewrap nav {
    left: 0px; }
  #sidebartoggler:checked + .pagewrap .hamburger__children {
    background: #fff; }

nav {
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0px;
  left: -135%;
  background: #000;
  padding: 5rem;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 180ms ease-in;
  transition: all 180ms ease-in; }

#navigationlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem; }
  #navigationlist li {
    padding: 3rem 0; }
    #navigationlist li a {
      font-size: 3rem;
      color: #fff;
      font-family: "Ubuntu", sans-serif; }



.mainheader {
  background-image: url("../img/project_header.jpg");
  background-size: cover;
  background-position: center;
  height: 80vh;
  position: relative; }
  .mainheader h2 {
    font-size: 5rem;
    position: absolute;
    top: 2em;
    left: 0.3em;
    color: #fff;
    line-height: 2em;
    text-align: center; }

#overonsheader {
  background-image: url("../img/overons.jpg"); }

#projectHeader {
  background-image: url("../img/bezighedentotaal.jpg"); }

#contactHeader {
  background-image: url("../img/contact.jpg");
  background-position: top; }

#indexHeader {
  background-image: url("../img/busgenv.jpg"); }

#projectHeader_burgerking{
  background-image: url("../img/burgerkingstore-side.jpg");
}

#projectHeaderTech{
  background-image: url("../img/dutchtechheader.jpg");
}

#projectHeaderparticulier{
  background-image: url("../img/top-particulier.jpg");
}

#projectHeaderTejin{
  background-image: url("../img/tejin.jpg");
}

.introductionCounterContainer {
  background: #fcfcfc;
  padding: 2rem 0; }

.introduction__Container {
  padding: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .introduction__Container h3 {
    text-transform: uppercase;
    line-height: 1.4em;
     }

.text-container {
  padding: 5rem 3rem;
  background: #312C26; }
  .text-container h3 {
    margin: 0; }
  .text-container h3, .text-container p {
    color: #fff; }

button {
  background: midnightblue;
  border: none;
  width: 200px;
  padding: 2rem 0;
  border-radius: 2px;
  background-clip: padding-box; }
  button a {
    color: #fff;
    font-size: 1.5rem;
    font-family: "Ubuntu", sans-serif; }

.clientReviewContainer {
  background: #F9F9F9; }

.clientReview__childeren {
  padding: 0.2rem 2.2em;
  background: #F9F9F9; }

#bedrijfsnaam {
  font-size: 1.8rem; }

#comment-btn {
  border-radius: 1000px;
  background-clip: padding-box;
  width: 50px;
  background: #E4E4E4;
  margin: 2.4rem 0; }

.arrow {
  border: solid #38393a;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; }

.right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.client {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.footerContainer {
  background: #000; }

footer {
  padding: 2em 0; }

#footerNavigationlist li {
  font-size: 2rem;
  padding: 2rem; }
  #footerNavigationlist li a {
    color: #fff; }

.footer_contact_information li {
  color: #fff;
  padding: 1.4rem 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.6rem; }

.opgeleverd {
  list-style-type: square;
  padding: 3rem 3rem; }

.opgeleverd li {
  font-size: 2rem;
  padding: 2rem 0; }

.werkzaamhedenList {
  list-style-type: square;
  padding: 0.5rem 3rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.werkzaamhedenList li {
  font-size: 2rem;
  padding: 1.4rem 0;
  width: 100px; }

.expertiseintroduction__container {
  padding: 25rem 0; }

.werkzaamhedencontainer h3 {
  padding: 2rem 4rem; }

.werkzaamhedencontainer footer h4 {
  padding: 0 4rem;
  text-align: center; }

.introduction__overons h2 {
  font-size: 5rem; }

.grid-sizer,
.grid-item {
  width: 33.333%; }

.grid-item {
  float: left; }

.grid-item img {
  display: block;
  max-width: 100%; }

#burgerking__project, #bam__project {
  height: 240px; }

.wideGrid {
  background: #312C26; }

.grid-item button {
  width: 80%;
  padding: 0.5em;
  position: absolute;
  top: 50px;
  font-size: -0.1rem; }

#projectcontentfullcontainer {
  background: #ede9e9; }

.contentProject {
  background: #ffffff;
  width: 100%;
  padding: 5rem 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .contentProject p {
    font-size: 1.9rem; }

.opdrachtgeverslist {
  padding: 0.5rem 10rem;
  margin-left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .opdrachtgeverslist li {
    margin: 3rem 8rem; }
    .opdrachtgeverslist li img {
      width: 150px;
      height: 100px; }

strong {
  color: forestgreen; }

#opdrachtgevers {
  font-size: 9rem;
  padding: 5rem 3rem;
  text-align: center;
  margin: 0; }

.tech {
  padding: 2rem; }

.error {
  color: red;
  font-size: 1.6rem; }

svg {
  display: block;
  width: 258px;
  height: 258px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.tree {
  fill: #E73E0D; }

.circle-mask {
  -webkit-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-animation: scale 5s infinite ease-out;
  animation: scale 5s infinite ease-out; }

@-webkit-keyframes scale {
  0%,100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  7%,90% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scale {
  0%,100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  7%,90% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@media screen and (min-device-width: 1200px) and (max-device-width: 5120px) and (-webkit-min-device-pixel-ratio: 1) {
  
  .introduction__Container h3{
    font-size: 4rem;
  }

  .navposition{
    position: relative;
    right: 80px;
  }

  #feedback{
    text-align: center;
  }

  .responsiveImage {
    width: 100%;
    max-width: 500px;
    height: auto; }

  h1 {
    color: #fff;
    width: 300px; }

  nav {
    position: static 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: none; }

  .navigationcontainer {
    background: #fff;
    height: 100px;
    width: 1150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

  .fixed {
    position: static; }

  #navigationlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 1.6rem;
    width: 800px; }

  #navigationlist li {
    display: inline-block;
    padding: 0 0;
    margin: 0 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px; }
    #navigationlist li a {
      font-size: 2em;
      color: #000; }
    #navigationlist li a:link, #navigationlist li a:visited {
      color: #000; }
    #navigationlist li a:active, #navigationlist li a:hover {
      border-bottom: 3px solid midnightblue;
      padding: 0 0 0.5rem 0; }

  #active_link {
  color: midnightblue; }

  #hamburgericon {
    display: none; }

  .mainheader {
    background-image: url("../img/project_header.jpg");
    position: relative; }
    .mainheader h2 {
      font-size: 100px;
      position: absolute;
      top: 0.6em;
      left: 1.5em;
      color: #fff;
      line-height: 2em;
      text-align: left; }

  .introduction__Container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .totaalonderhoudinformationContainer {
    padding: 12rem 0 28rem 0; }

  .text-container {
    width: 400px;
    height: 300px; }
    .text-container p {
      font-size: 1.6rem;
      line-height: 2em; }

  .totaalonderhoud__container img {
    width: 500px;
    height: 350px;
    display: block;
    position: relative;
    top: 3rem; }

  .totaalonderhoud__Overons .text-container {
    float: right;
    position: relative;
    right: 6rem;
    z-index: 1; }

  .totaalonderhoud__Overons img {
    float: left;
    left: 5rem; }

  .totaalonderhoud__expertise {
    position: relative;
    top: 12rem; }

  .totaalonderhoud__expertise .text-container {
    float: left;
    position: relative;
    top: 50px;
    right: -5rem;
    z-index: 1; }

  .totaalonderhoud__expertise img {
    float: right;
    position: relative;
    left: -5rem;
    top: 7.5rem; }

  .totaalonderhoudinformationContainer {
    position: relative;
    background: #E8E8E8; }

  .line__children {
    height: 15px;
    width: 1250px;
    background: #D4D5CD;
    margin: 1.4em 0; }

  .line__childOne {
    position: absolute;
    right: 12rem;
    top: 62rem; }

  .line__childTwo {
    position: absolute;
    right: 110rem;
    top: 93.5rem;
    width: 270px; }

  .line__childThree {
    width: 330px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 77.8rem;
    left: -11rem; }

  .line__ChildFour {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 350px;
    position: absolute;
    left: 112.8rem;
    top: 45.3rem; }

  .line__ChildFive {
    width: 218px;
    position: absolute;
    top: 27.5rem;
    left: 109.3rem; }

  select {
    width: 500px;
    height: 30px;
    margin: 1em 0;
    border: 1px solid #D4D5CD; }

  input[type=submit] {
    background: midnightblue;
    border: none;
    width: 400px;
    padding: 2rem 0;
    border-radius: 2px;
    background-clip: padding-box;
    display: block;
    color: #fff; }

  #head-formulier {
    background: #fff;
    padding: 3rem;
    -webkit-box-shadow: 5px 5px 5px 5px #BDB5B5;
    box-shadow: 5px 5px 5px 5px #BDB5B5; }

  .contactFormulierContainerCounter {
    position: relative;
    top: -120px; }

  footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

  .client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .client #comment-btn {
      margin: 0; }

  .clientReview__childeren {
    padding: 10.2rem 2.2em; }

  .clientReviewContainer {
    padding: 8rem 0; }

  .expertiseintroduction__container {
    padding: 10rem 0; }

  .werkzaamhedenList {
    width: 400px;
    float: left;
    margin: 0 3rem; }

  .werkzaamhedencontainer header h3 {
    padding: 8rem 3rem;
    font-size: 3.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  .werkzaamhedenList li {
    font-size: 2.2rem;
    padding: 1.4rem 0; }

  .werkzaamhedencontainer footer h4 {
    padding: 6rem 0; }

  .introduction__overons {
    padding: 15rem 0; }
    .introduction__overons p {
      line-height: 2.4em; }

  .ProjectenOpleverContainer {
    padding: 12rem 2rem; }

  #burgerking__project, #bam__project {
    height: 630px; }

  #particulier {
    height: 290px;
    position: relative;
    top: -120px; }

  .grid-item {
    margin: 8rem 0 0 0;
    position: relative; }

  .grid-item button {
    position: absolute;
    top: 260px;
    left: 50px; }

  #btn-particulier {
    position: absolute;
    top: 20px;
    left: 35px;
    padding: 2em; }

  #btn-burgerking {
    position: absolute;
    top: 300px;
    left: 10px;
    padding: 2em; }

  #btn-bam {
    position: absolute;
    top: 300px;
    left: 30px;
    padding: 2rem; }

  #btn-techcampus {
    position: absolute;
    top: 160px;
    left: 30px;
    padding: 2rem; }

  .contentwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 500px; }
    .contentwrap img {
      width: 50%; }

  .contentProject {
    background: #ffffff;
    width: 50%;
    padding: 2rem; }

  .werkzaamhedenList li {
    width: 400px; }

  .photolist {
    margin: 8em 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .photolist li {
      width: 300px;
      height: 600px; } }
@media (min-width: 768px) and (max-width: 1280px) {
  .mainheader h2 {
    font-size: 12rem;
    position: absolute;
    top: -0.2em;
    left: 0.3em;
    color: #fff;
    line-height: 2em;
    text-align: center; }

  #navigationlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    margin: 0; }
  #navigationlist li {
    margin: 0.5rem 0; }
  #navigationlist li a {
      font-size: 5rem; }

  .client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

  #comment-btn {
    margin: 0; }

  #burgerking__project {
    height: 522px; }

  #particulier {
    margin: 0; }

  #bam__project {
    height: 522px; }

  #tech__project {
    height: 465px; }

  #btn-particulier {
    position: absolute;
    top: 120px;
    left: 35px; }
    #btn-particulier a {
      font-size: 1rem; }

  #btn-burgerking {
    position: absolute;
    top: 320px;
    left: 25px; }
    #btn-burgerking a {
      font-size: 1rem; }

  #btn-bam {
    position: absolute;
    top: 320px;
    left: 25px; }
    #btn-bam a {
      font-size: 1rem; }

  #btn-techcampus {
    position: absolute;
    top: 170px;
    left: 27px; }
    #btn-techcampus a {
      font-size: 1rem; }

  .grid-item button {
    padding: 2rem; }

  .opdrachtgeverslist {
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .opdrachtgeverslist li {
      margin: 3rem 3rem; }

  .wideGrid {
    display: none; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #btn-particulier {
    position: absolute;
    top: 20px;
    left: 15px; }
    #btn-particulier a {
      font-size: 1rem; }

  #btn-burgerking {
    position: absolute;
    top: 100px;
    left: 10px; }
    #btn-burgerking a {
      font-size: 1rem; }

  #btn-bam {
    position: absolute;
    top: 100px;
    left: 10px; }
    #btn-bam a {
      font-size: 1rem; }

  #btn-techcampus {
    position: absolute;
    top: 40px;
    left: 12px; }
    #btn-techcampus a {
      font-size: 1rem; }

  .opdrachtgeverslist {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 4rem; }
    .opdrachtgeverslist li {
      margin: 3rem 8rem; }
      .opdrachtgeverslist li img {
        width: 100px;
        height: 100px; }

  #opdrachtgevers {
    font-size: 4rem;
    padding: 0;
    text-align: center; }

  .wideGrid {
    display: none; } }


  @media screen and (min-device-width: 2800px) and (max-device-width: 3000px) and (-webkit-min-device-pixel-ratio: 1) {

       .linecontainer{
          display: none;!important
       }

    }

    @media
    only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
    only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
    only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
    only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
    only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
    only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 
    
      /* Large screen, retina, stuff to override above media query */
      
      .responsiveImage {
        width: 100%;
        max-width: 500px;
        height: auto; }
    
      h1 {
        color: #fff;
        width: 300px; }
    
      nav {
        position: static 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        background: none; }
    
      .navigationcontainer {
        background: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
    
      .fixed {
        position: static; }
    
      #navigationlist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        top: 1.6rem;
        width: 800px; }
    
      #navigationlist li {
        display: inline-block;
        padding: 0 0;
        margin: 0 2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 200px; }
        #navigationlist li a {
          font-size: 2em;
          color: #fff; }
        #navigationlist li a:link, #navigationlist li a:visited {
          color: #fff; }
        #navigationlist li a:active, #navigationlist li a:hover {
          border-bottom: 3px solid midnightblue;
          padding: 0 0 0.5rem 0; }
    
      #hamburgericon {
        display: none; }
    
      .mainheader {
        background-image: url("../img/project_header.jpg");
        position: relative; }
        .mainheader h2 {
          font-size: 100px;
          position: absolute;
          top: 0.6em;
          left: 1.5em;
          color: #fff;
          line-height: 2em;
          text-align: left; }
    
      .introduction__Container {
        padding: 10rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    
      .totaalonderhoudinformationContainer {
        padding: 12rem 0 28rem 0; }
    
      .text-container {
        width: 400px;
        height: 300px; }
        .text-container p {
          font-size: 1.6rem;
          line-height: 2em; }
    
      .totaalonderhoud__container img {
        width: 400px;
        height: 350px;
        display: block;
        position: relative;
        top: 3rem; }
    
      .totaalonderhoud__Overons .text-container {
        float: right;
        position: relative;
        right: 6rem;
        z-index: 1; }
    
      .totaalonderhoud__Overons img {
        float: left;
        left: 5rem; }
    
      .totaalonderhoud__expertise {
        position: relative;
        top: 12rem; }
    
      .totaalonderhoud__expertise .text-container {
        float: left;
        position: relative;
        top: 50px;
        right: -5rem;
        z-index: 1; }
    
      .totaalonderhoud__expertise img {
        float: right;
        position: relative;
        left: -5rem;
        top: 7.5rem; }
    
      .totaalonderhoudinformationContainer {
        position: relative;
        background: #E8E8E8; }
    
      .line__children {
        height: 15px;
        width: 1250px;
        background: #D4D5CD;
        margin: 1.4em 0; }
    
      .line__childOne {
        position: absolute;
        right: 12rem;
        top: 62rem; }
    
      .line__childTwo {
        position: absolute;
        right: 110rem;
        top: 93.5rem;
        width: 270px; }
    
      .line__childThree {
        width: 330px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 77.8rem;
        left: -11rem; }
    
      .line__ChildFour {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 350px;
        position: absolute;
        left: 112.8rem;
        top: 45.3rem; }
    
      .line__ChildFive {
        width: 218px;
        position: absolute;
        top: 27.5rem;
        left: 109.3rem; }
    
      select {
        width: 500px;
        height: 30px;
        margin: 1em 0;
        border: 1px solid #D4D5CD; }
    
      input[type=submit] {
        background: midnightblue;
        border: none;
        width: 400px;
        padding: 2rem 0;
        border-radius: 2px;
        background-clip: padding-box;
        display: block;
        color: #fff; }
    
      #head-formulier {
        background: #fff;
        padding: 3rem;
        -webkit-box-shadow: 5px 5px 5px 5px #BDB5B5;
        box-shadow: 5px 5px 5px 5px #BDB5B5; }
    
      .contactFormulierContainerCounter {
        position: relative;
        top: -120px; }
    
      footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    
      .client {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .client #comment-btn {
          margin: 0; }
    
      .clientReview__childeren {
        padding: 10.2rem 2.2em; }
    
      .clientReviewContainer {
        padding: 8rem 0; }
    
      .expertiseintroduction__container {
        padding: 10rem 0; }
    
      .werkzaamhedenList {
        width: 400px;
        float: left;
        margin: 0 3rem; }
    
      .werkzaamhedencontainer header h3 {
        padding: 8rem 3rem;
        font-size: 3.5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    
      .werkzaamhedenList li {
        font-size: 2.2rem;
        padding: 1.4rem 0; }
    
      .werkzaamhedencontainer footer h4 {
        padding: 6rem 0; }
    
      .introduction__overons {
        padding: 15rem 0; }
        .introduction__overons p {
          line-height: 2.4em; }
    
      .ProjectenOpleverContainer {
        padding: 12rem 2rem; }
    
      #burgerking__project, #bam__project {
        height: 630px; }
    
      #particulier {
        height: 290px;
        position: relative;
        top: -120px; }
    
      .grid-item {
        margin: 8rem 0 0 0;
        position: relative; }
    
      .grid-item button {
        position: absolute;
        top: 260px;
        left: 50px; }
    
      #btn-particulier {
        position: absolute;
        top: 20px;
        left: 35px;
        padding: 2em; }
    
      #btn-burgerking {
        position: absolute;
        top: 300px;
        left: 10px;
        padding: 2em; }
    
      #btn-bam {
        position: absolute;
        top: 300px;
        left: 30px;
        padding: 2rem; }
    
      #btn-techcampus {
        position: absolute;
        top: 160px;
        left: 30px;
        padding: 2rem; }
    
      .contentwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 500px; }
        .contentwrap img {
          width: 50%; }
    
      .contentProject {
        background: #ffffff;
        width: 50%;
        padding: 2rem; }
    
      .werkzaamhedenList li {
        width: 400px; }
    
      .photolist {
        margin: 8em 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .photolist li {
          width: 300px;
          height: 600px; } }

    }