@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html, body {
  margin: 0;
}

.navigation-box {
  height: 100vh;
}

.embedded-others > div.bdv {
  max-width: 700px !important;
  margin: auto;
  text-align: right;
}

.bdv {
  text-align: right;
  padding: 5px 15px 25px;
  max-width: 700px;
  margin: auto;
  font-family: "Barlow", sans-serif !important;
  color: #808080;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.bdv strong {
  font-size: 0.7rem;
  line-height: 1em;
  letter-spacing: 0.5px;
}

.embedded-others > div.avant-apres,
.avant-apres {
  display: flex;
  flex-direction: row;
  width: calc( 100% - 30px);
  margin: 15px;
}
@media (max-width: 700px) {
  .embedded-others > div.avant-apres,
.avant-apres {
    flex-direction: column;
  }
}
.embedded-others > div.avant-apres .avant, .embedded-others > div.avant-apres .apres,
.avant-apres .avant,
.avant-apres .apres {
  position: relative;
  flex-basis: 50%;
}
@media (max-width: 700px) {
  .embedded-others > div.avant-apres .avant, .embedded-others > div.avant-apres .apres,
.avant-apres .avant,
.avant-apres .apres {
    flex-basis: initial;
  }
}
.embedded-others > div.avant-apres .avant .image-avant-apres, .embedded-others > div.avant-apres .apres .image-avant-apres,
.avant-apres .avant .image-avant-apres,
.avant-apres .apres .image-avant-apres {
  position: relative;
}
.embedded-others > div.avant-apres .avant .image-avant-apres:after, .embedded-others > div.avant-apres .apres .image-avant-apres:after,
.avant-apres .avant .image-avant-apres:after,
.avant-apres .apres .image-avant-apres:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.embedded-others > div.avant-apres .avant .image-avant-apres img, .embedded-others > div.avant-apres .apres .image-avant-apres img,
.avant-apres .avant .image-avant-apres img,
.avant-apres .apres .image-avant-apres img {
  max-width: 100%;
  margin: 0;
}
.embedded-others > div.avant-apres .avant,
.avant-apres .avant {
  margin-right: 5px;
}
@media (max-width: 700px) {
  .embedded-others > div.avant-apres .avant,
.avant-apres .avant {
    margin-right: 0;
  }
}
.embedded-others > div.avant-apres .avant .bdv,
.avant-apres .avant .bdv {
  text-align: left;
}

.flush-img {
  max-width: 700px;
  margin: 25px auto;
}
@media (max-width: 700px) {
  .flush-img {
    margin: 25px 15px;
  }
}
.flush-img img {
  width: 100%;
  margin: 0;
}

.embedded-others > div.flotte-wrapper,
.flotte-wrapper {
  max-width: 700px !important;
  margin: 10px auto;
  padding-top: 20px;
}
.embedded-others > div.flotte-wrapper .flotte,
.flotte-wrapper .flotte {
  max-width: 325px;
  width: 50%;
  float: left;
  margin: 0 25px 0 0;
}
@media (max-width: 700px) {
  .embedded-others > div.flotte-wrapper .flotte,
.flotte-wrapper .flotte {
    margin: 25px 15px;
    width: 100%;
    float: none;
    max-width: 340px;
  }
}
.embedded-others > div.flotte-wrapper .flotte img,
.flotte-wrapper .flotte img {
  width: 100%;
  margin: 0;
}

/*# sourceMappingURL=style.css.map */