html,
body {
  height: 100%;
  width: 100%;
  font-family: "Roboto", sans-serif;
}

#home {
  /* background: url(assets/images/nas/mnkompassbk3.jpg) no-repeat center center fixed; */
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  background-size: cover;
}

#apropos {
  height: 100vh;
}

#apropos p {
  text-align: justify;
}

#services {
  height: 77vh;
}

#tarieven {
  height: 100vh;
}

#tarieven p {
  text-align: justify;
}



/* #tarieven {
  height: 77vh;
} */

.landing-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: aliceblue;
}

.landing-text h1 {
  font-size: 500%;
  font-weight: 700;
}

.padding {
  padding: 80px 0;
}

.padding img {
  width: 80%;
}

.card {
  display: inline-flex;
}

#mains {
  filter: invert(45%) sepia(20%) saturate(410%) hue-rotate(350deg)
    brightness(90%) contrast(88%);
}

#livre {
  filter: invert(45%) sepia(20%) saturate(410%) hue-rotate(350deg)
    brightness(90%) contrast(88%);
}

#fixed {
  background: url(./assets/images/office.jpeg) no-repeat center center fixed;
  position: relative;
  height: 600px;
  width: auto;
  background-size: cover;
  opacity: 50%;
}

footer {
  width: 100%;
  background-color: #7a6c5d;
  padding: 5% 5% 10% 5%;
  color: white;
}