#opt-in-modal {

	display: none;

  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */ }
  #opt-in-modal ::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0; }
  #opt-in-modal .modal-wrapper {
    position: relative;
    padding-top: 60px; }
    #opt-in-modal .modal-wrapper * {
      text-align: center; }
      #opt-in-modal .modal-wrapper * img {
        width: 100%; }
    #opt-in-modal .modal-wrapper .modal-close {
      position: absolute;
      right: 15px;
      top: 15px;
      width: 32px;
      height: 32px;
      background-image: url("../img/modal/modal-close.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; 
      cursor: pointer;}
    #opt-in-modal .modal-wrapper .modal-headline {
      margin: 20px auto 50px auto;
      max-width: 470px; }
    #opt-in-modal .modal-wrapper .modal-image {
      margin: 20px auto;
      max-width: 768px; }
    #opt-in-modal .modal-wrapper .modal-text {
      margin: 20px auto;
      max-width: 1100px; }
      #opt-in-modal .modal-wrapper .modal-text p { color: #ffffff; }
      #opt-in-modal .modal-wrapper .modal-text p, #opt-in-modal .modal-wrapper .modal-text a {
        font-size: 20px; }
        @media (max-width: 768px) {
          #opt-in-modal .modal-wrapper .modal-text p, #opt-in-modal .modal-wrapper .modal-text a {
            font-size: 16px; } }

/*# sourceMappingURL=modal.css.map */