html {overflow-x: hidden;}

body>* {
  box-sizing: border-box;
}

* {
  padding: 0;
  margin: 0
}

body {
  background-color: rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  position: absolute;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}





#maincontainer_boompjetilt {display: flex; justify-content:center; margin-top:300px }
/* .main_boompjetilt {background-color:rgba(224, 10, 231, 0.0); overflow-x: hidden;} */
.rowcontainer_boompjetilt { display: flex;  justify-content: center;
   /* flex-direction: column */
  }
.row_boompjetilt { display: flex; padding: 0 0px; width: 70vw; margin-top: 0px;  }

/* Create three equal columns next to each other */
.column_boompjetilt {    flex: 33%;  max-width: 33%;  padding: 0 0px;}

/* Create four equal columns next to each other */
/* .column {    flex: 25%;  max-width: 25%;  padding: 0 0px;} */

.column_boompjetilt img {  margin-top: 100px;  vertical-align: middle; width: 100%;}

.columneerste_boompjetilt {transform: rotate(0deg);border-width: 10px; border-style: dotted;
    border-color: rgba(38, 0, 255, 0); }
.columntweede_boompjetilt {transform: rotate(-0deg);border-width: 10px; border-style: dotted; margin-top: 100px;
    border-color: rgba(0, 255, 213, 0);  }
.columnderde_boompjetilt {transform: rotate(-0deg);border-width: 10px;  border-style: dotted;
    border-color: rgba(98, 0, 255, 0); }
.columnvierde_boompjetilt {transform: rotate(-0deg);border-width: 10px; border-style: dotted;
    border-color: rgba(115, 255, 0, 0); }

.bg1_boompjetilt{ background-size: cover;  background-repeat: no-repeat;
  border-width: 5px;  border-style: dotted;  border-color: rgba(38, 0, 255, 0);}
.bg2_boompjetilt { background-size: cover;  background-repeat: no-repeat;
  border-width: 5px;  border-style: dotted;  border-color: rgba(0, 255, 213, 0);}
.bg3_boompjetilt { background-size: cover;  background-repeat: no-repeat;
  border-width: 5px;  border-style: dotted;  border-color: rgba(98, 0, 255, 0);}
.bg4_boompjetilt { background-size: cover;  background-repeat: no-repeat;
  border-width: 5px;  border-style: dotted;  border-color: rgba(115, 255, 0, 0);}


/* .box_boompjetilt {opacity:.5; scale:0.6; position: relative; } */
.box_boompjetilt { 
  /* width:277px;
  height:277px; */
  opacity:1; scale:1.0; position: relative; }

#wrapper_boompjetilt{
  width:200px;
  height:200px;
  /* width:100%; */
  margin:0;
  padding:0;
  border:dotted;
  border-color:rgba(0, 0, 255, 0);
  border-width:1px;
  position:relative;
}

#overlay_boompjetilt{
  position:absolute;
  margin:0;
  padding:0;
  top:100px;
  /* left:0px;  */
  width:200px;
  height:200px; 
    /* width:100%; */
  line-height:200px; 
  text-align:center;
  background:rgba(255, 0, 234,1);
  border-radius:100%;
  font-size:22px;
  color:#FFF;
  font-family:Arial;
  cursor:pointer;
  /* visibility:hidden;  */
}

@media screen and (max-width:799px) {
#maincontainer_boompjetilt { margin-top:50px }

  #wrapper_boompjetilt{
    width:100px;
    height:100px;}
    #overlay_boompjetilt{
      top:100px;
      /* left:0px;  */
      width:100px;
      height:100px; 
      line-height:100px; 
    }
}