* {
  font-family: Raleway, sans-serif
}

body {
  font-family: sans-serif;
  margin-left: auto;
  margin-right: auto
}

#pijltje {
  height: 50px
}

#myVideo {
  position: relative;
  max-width: 100%;
  min-width: 100%;
  margin: 0
}

#onzediensten {
  display: block;
  min-height: 600px;
  padding-top: 100px
}

#contact {
  margin-bottom: 150px;
  border-bottom: 15px dotted #e4ecee
}

.back {
  background-image: url(../img/overons/carousel/122610121_m.jpg);
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  opacity: .5
}

.overons {
  top: 10px
}

a, a:hover {
  text-decoration: none;
  color: #fff
}

.wittetitel {
  color: #000;
  font-family: Allison, cursive;
  font-size: 100px
}

.maroon, .navmaroon {
  color: maroon
}

.maroonbackgroundcolor {
  background-color: maroon
}

.btn-maroon, .btn-maroonvideo {
  background-color: maroon;
  color: #fff
}

.btn-maroon:hover, .button:hover, .opacity {
  opacity: 50%
}

.btn-maroonvideo:hover {
  opacity: 80%
}

.zwartetekst, .zwartetekst:hover {
  color: #000
}

.navbar {
  font-family: sans-serif
}

.navbar-color {
  background-color: #fff
}

.documentatieicoon, .logo {
  max-width: 170px
}

.navbar-toggler-icon {
  background-color: maroon;
  opacity: 50%
}

.navmaroon:hover {
  font-size: 110%;
  opacity: 50%
}

.textblok {
  display: block;
  margin: 0 100px
}

.jumbotron {
  background-image: url(https://www.mt.be/wp-content/uploads/sites/2/2018/11/GettyImages-875611350-780x448.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  opacity: 70%;
  font-family: sans-serif
}

.jumbotronvideo {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  font-family: sans-serif;
  color: #fff
}

.textmidden {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  min-width: 30em;
  min-height: 18em;
  margin-top: -9em;
  margin-left: -15em;
  background-color: rgba(128, 0, 0, .13);
  max-height: 14em
}

.button {
  background-color: maroon;
  color: #fff;
  max-height: 40px
}

#documentatie {
  padding-top: 50px;
  border-top: 15px dotted #0492a71a;
  margin: 100px 0
}

#documentatieA {
  padding-top: 100px;
  border-top: 15px dotted #0492a71a;
  margin-top: 100px
}

.documentatiebox {
  display: compact;
  max-height: 180px;
  max-width: 70%;
  margin: auto;
  border-style: groove;
  border-color: maroon
}

.documentatiestijl {
  max-width: 70%
}

.documentatiemargin {
  margin-left: auto;
  margin-right: auto
}

.documentatieborder {
  border-style: groove;
  border-color: maroon
}

.documentatiehover:hover {
  background-color: rgba(128, 0, 0, .2)
}

.height-carousel, .overonsheight {
  max-height: 50em;
  min-height: 50em
}

.card {
  max-height: 50em;
  min-height: 5em;
  background-color: #86b8d74a
}

.bestaandeklantenachtergrond {
  max-width: 20%;
  margin: auto;
  background-color: maroon;
  color: #fff;
  opacity: 70%
}

.fotoicoon {
  border-radius: 500px;
  border-style: ridge;
  border-color: maroon
}

.overonsjumbotron {
  background-image: url(https://live.staticflickr.com/8673/16218961999_f4b935414a_b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000
}

.berichtheight {
  height: 200px
}

.loginjumbotron {
  background-image: url(https://previews.123rf.com/images/tzido/tzido1511/tzido151100418/48655867-veel-e-mail-over-de-vinger-die-op-het-computertoetsenbord-vage-achtergrond-bedrijfstechnologieconcep.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 730px
}

.margin {
  margin-right: 4em;
  margin-left: 4em
}

.footericoon {
  max-width: 30px
}

.minifootericoon {
  max-width: 15px
}

.footer {
  font-size: 70%
}

.footerachtergrond {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto
}

.container {
  max-width: 960px
}

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px)
}

.site-header a {
  color: #999;
  transition: color .15s ease-in-out
}

.site-header a:hover {
  color: #fff;
  text-decoration: none
}

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5
}

.border-top {
  border-top: 1px solid #e5e5e5
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05)
}

.flex-equal>* {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1
}

.overflow-hidden {
  overflow: hidden
}

.img_flowA {
  scale: 80%;
  transform: rotate(20deg);
  margin-left: -50px;
  width: 100%
}

.img_flowB {
  scale: 80%;
  transform: rotate(-200deg)
}

.txt_blok {
  text-align: justify;
  color: grey;
  font-size: 10pt
}

#contact .card, .card-header {
  background-color: #fff;
  border: none
}

.w_foto {
  height: 300px;
  border-radius: 21px 21px 0 0;
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05)
}

@media only screen (max-device-width :1024px) {
  .flex-md-equal>* {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
  }

  .textmidden {
    position: absolute;
    left: 50%;
    right: 50%;
    min-width: 30em;
    margin-top: -12em;
    margin-left: -15em;
    max-height: 14em
  }

  .jumbotronvideo {
    background-image: url(dsfq)
  }
}

.container_margin {
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 15px 0
}

.container_c_margin {
  margin-bottom: 20px
}

.beeldhouder {
  height: 300px;
  border-radius: 21px 21px 0 0
}

.mooreflow_section {
  max-width: 1440px;
  margin: 50px auto
}

.img_flowC {
  width: 200%
}

.witteachtergrond {
  background-color: rgba(255, 255, 255, .46)
}

.moorflow_logo {
  width: 50%;
  margin: 0 auto
}

.video-parallax-container video {
  top: 50%;
  left: 50%;
  min-width: 100vw;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: opacity 1s;
  -webkit-transition-position: fixed;
  position: fixed;
  overflow: hidden
}

.video-parallax-container {
  height: 100vh;
  overflow: hidden
}
#blogie{
  width: 1024px%;
  max-width: 1440px;
  margin: 50px auto;

}