@media screen {
  .crp-interstitial-wrapper {
    position:fixed;
    z-index:99;
    background: rgba(00, 00, 00, 0.875);
    height:100vh;
    width:100%;
    display:none;
  }
  .crp-interstitial-inner {
    position: fixed;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    z-index: 99999999;
    background-color: #FFF;
  }
  .crp-interstitial-inner img {
    width:100%;
    height:auto;
  }
  .crp-interstitial-inner .header {
    padding:1em;
  }
  .crp-interstitial-inner a.close {
    float:right;
  }
  .crp-interstitial-inner a.close:after {
    font-family: ui-icons;
    content: "\34";
    font-size: 1.7em;
    color: #000 !important;
  }
  .crp-interstitial-inner .image-wrapper {
    background-color:#FFF;
    padding: 2em 1em 1em 1em;
  }
}
@media screen and (min-width: 37.5em) {
  .crp-interstitial-inner {
    position: fixed;
    width: 500px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -250px; /* Negative half of height. */
    margin-left: -250px; /* Negative half of width. */
    z-index:99999999;
  }
}