/* Modal stuff -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

#modal-root {
  width: 100%;
  height: 100%;
  margin: 0px;
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  color: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0.8);
  z-index: 159159;
}

#modal-wrapper {
  width: auto;
  height: auto;
  max-width: 60%;
  z-index: 200000;
  margin: 5% auto;
  text-align: center;
}

@media (max-width: 1200px) {
  #modal-wrapper {
    max-width: 80%;
  }
}
@media (max-width: 992px) {
  #modal-wrapper {
    max-width: 90%;
    margin-top: 10%;
  }
}
@media(max-width: 768px){
  #modal-wrapper {
    max-width: 98%;
    margin-top: 15%;
  }
}

#modal-image {
  max-width: 100%;
  position: relative;
  margin: 0px auto;
  border: 5px solid white;
}

#site-root {
  z-index: 1000;
  position: relative;
  max-width: 100vw;
  margin: 0;
}