:root{
}

.intervention-modal-bg{
  background-color:rgba(0,0,0,0.5);
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:100;
}

.intervention-modal{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:fixed;
  left:50%;
  top:50%;
  width:90%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:1000;
  background-color:white;
  -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index:101;

}

.intervention-modal .intervention-modal-header,
  .intervention-modal .intervention-modal-body{
    font-size:.8rem;
    padding:.5rem;
  }

@media (min-width: 500px){
    .intervention-modal .intervention-modal-header,
    .intervention-modal .intervention-modal-body{
      padding:1rem;
      font-size:112.5%;
    }
  }

.intervention-modal .button{
    margin:.5rem auto 1rem;
  }

.intervention-modal .intervention-modal-button-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

@media (min-width: 700px){

.intervention-modal{
    width:50%

}
  }