@media screen and (min-width:991px) {
.row.gapped > div:first-of-type { padding-right:40px; }
.row.gapped > div:last-of-type { padding-left:40px; }
.row.gapped h2 {
  margin-top:15px;
}
}
.img {
  height:300px;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
  margin:0px 0px 30px 0px;
}


@media screen and (max-width:767px) {
  .row.gapped {
    margin-bottom:30px;
  }
  .img {
    margin:0px 0px 15px 0px;
  }
}


.medewerkers {
  margin:50px auto;
}
.medewerkers h2 { text-align:center; margin-bottom:35px;}
@media screen and (min-width:991px) {
.medewerkers .row > div { padding:0px 50px; }
.medewerkers .row  > div:first-of-type { padding:0px 85px 0px 15px; }
.medewerkers .row  > div:last-of-type  { padding:0px 15px 0px 85px; }
}


.m-box {
  width:100%;
  border-radius:8px;
  background-color:#eee;
  background-size:cover;
  background-position:center;
  height:0%;
  padding-top:100%;
  position:relative;
}
  .m-box .layer {
    background-color:rgba(0,106,161,.7);
    color:white;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:25px;
    transform:translateX(100%);
    transition:.3s;
    opacity:0;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
  }

    .m-box:hover {
        border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }
  .m-box:hover .layer {
    opacity:1;
 *   transform:translateX(0);
  }
    .m-box h3 {
      font-size:22px;
      font-weight:bold;
      padding:0;
      margin:0;
      transition:.3s .3s;
    }
    .m-box i {
      transition:.3s .5s;
    }
    .m-box p {
      margin:15px 0px;
      transition:.3s .5s;
    }
    .m-box .button {
      text-transform:none;
      margin-top:15px;
    }

    .m-box .layer > * {
      opacity:0;
      transform:translateY(-25px);
    }
    .m-box:hover .layer > * {
      opacity:1;
      transform:translateY(0);
    }

@media screen and (max-width:1199px) {
  .m-box h3 { font-size:16px; }
}

  @media screen and (max-width:991px) {

    .m-box {
      height:0;
      padding-top:50%;
      margin-bottom:15px;
      background-position:50% 10%;
      min-height:300px;
    }
      .m-box .layer {
        padding:15px;
      }
    .m-box a {
      display:block;
    }
  }