.modal-content {
  position:fixed;
  display:none;
  z-index:2;
  margin:0;
  padding:10px 20px;
  border:2px solid #aaa;
  background:#fff;
}

.modal-content p {
  margin:0;
  padding:0;
}

.modal-overlay {
  z-index:1;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.75);
}

.modal-open {
  color:#00f;
  text-decoration:underline;
}

.modal-open:hover {
  cursor:pointer;
  color:#f00;
}

.modal-close {
  color:#00f;
  text-decoration:underline;
}

.modal-close:hover {
  cursor:pointer;
  color:#f00;
}

#iframe {
position: absolute;
margin: auto;
width: 60%;
height: 80%;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
z-index: 10002;
display: none;
}
#iframe *:focus {
outline: none;
}
#iframe .iframe_wrap {
height: 100%;
}
#iframe button {
width: 32px;
height: 32px;
padding: 0;
margin: 0;
background: none;
border: 0;
overflow: visible;
cursor: pointer;
position: absolute;
top: -16px;
right: -16px;
opacity: 1;
}
#iframe_overlay {
position: fixed !important;
z-index: 10001;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: #000;
display: none;
}
#iframe_container {
height: 100%;
}
#iframe_container iframe {
width: 100%;
height: 100%;
border: none;
overflow: auto;
background-color: #fff;
border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #iframe {
    position: absolute;
    margin: auto;
    width: 90%;
    height: 80%;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    z-index: 10002;
    display: none;
    }
    #iframe *:focus {
    outline: none;
    }
    #iframe .iframe_wrap {
    height: 100%;
    }
    #iframe button {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: -16px;
    right: -16px;
    opacity: 1;
    }
    #iframe_overlay {
    position: fixed !important;
    z-index: 10001;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #000;
    display: none;
    }
    #iframe_container {
    height: 100%;
    }
    #iframe_container iframe {
    width: 100%;
    height: 100%;
    border: none;
    overflow: auto;
    background-color: #fff;
    border-radius: 10px;
    }    
}