/*Modal*/
[data-wrapper] {
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  width: 100%;
  height: 0;
  transition: background .3s;
  overflow-x: hidden;
	overflow-y: auto;
  z-index: 1000000000000000000000000000000000000000000000;
}
[data-wrapper].active {
  background: transparent;
  height: calc(200vh - 200px);
  padding: 100px 0;
}
[data-wrapper] .modal-content { 
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -50px);
  transition: .3s;
}
[data-wrapper].active .modal-content {
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
}
[data-wrapper="modal-wrapper-small"] .modal-content {
  max-width: 265px;
}
[data-wrapper="modal-wrapper-medium"] .modal-content {
  max-width: 600px;
}

[data-wrapper="modal-wrapper-large"] .modal-content {
	max-width: 992px;
}
[data-wrapper] .modal-content h2 {
  margin: 0 0 15px 0;
}