.modal-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background: rgba(242, 242, 242, .85);
}
.modal-box .modal-inner {
  max-height: 90vh;
}
.modal-box .modal-wrapper {
  padding: 2em 1.5em;
  background: var(--c-purple);
  color: var(--c-white);
  width: 50vw;
  height: 100%;
  overflow-y: auto;
}
.modal-box .modal-body { 
  padding: 2em 1.5em; 
}
.modal-body .articleInner {
  padding: 0;
  margin: 0;
  width: 100%;
}
.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid var(--c-white);
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}
.modal-body h2 {
  color: var(--c-white);
}
.modal-box a {
  color: #fff;
  text-decoration: underline;
}
body.modal-open {
  overflow: hidden;
}

@media screen and (max-width: 1220px) {
.modal-box .modal-wrapper {
  width: 90vw;
}
}
@media screen and (max-width: 1220px) {

}