#newsletter-popup {
      z-index:10100;
      position:fixed;
      left:0;
      top:0;
      width:0;
      height:0;
      background-color:rgba(0, 0, 0, .75);
    }
    #newsletter-popup a {
      outline:none;
      border:none;
      text-decoration:none;
    }
    #newsletter-popup .close {
      position:absolute;
      right:10px;
      top:10px;
      width:20px;
      height:20px;
    }
    #newsletter-popup .close:before, #newsletter-popup .close:after {
      content:" ";
      position:absolute;
      left:50%;
      top:50%;
      display:block;
      width:2px;
      height:20px;
      background-color:#444;
      transform:translate(-50%, -50%) rotate(45deg);
    }
    #newsletter-popup .close:after { transform:translate(-50%, -50%) rotate(-45deg); }
    #newsletter-popup .message {
      position:absolute;
      left:50%;
      top:50%;
      width:350px;
      max-width:80%;
      transform:translate(-50%, -50%);
      background-color:#fff;
      padding:30px;
      text-align:center;
    }
    #newsletter-popup .button {
      display:inline-block;
      margin-top:20px;
      padding:.5em 1em;
      background-color:#587498;
      color:#fff;
    }
    #newsletter-popup .button:hover { background-color:#435773; }    div.flux.twocol.grid {
      display:block;
    }
    @media(min-width:769px) {
      div.flux.twocol.grid {
        display:-ms-grid;
        display:grid;
        gap:20px;
        -ms-grid-rows:1fr;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        clear:both;
      }
      div.flux.twocol.grid div:nth-child(1) {
        -ms-grid-column:1;
      }
      div.flux.twocol.grid div:nth-child(2) {
        -ms-grid-column:2;
      }
    }