.modaloverlay{
	background: rgba(0, 0, 0, 0.8);
  	bottom: 0;
  	left: 0;
  	pointer-events: none;
  	position: fixed;
  	right: 0;
  	top: 0;
  	overflow-y: scroll;
  	-webkit-transition: opacity 400ms ease-in;
  	-moz-transition: opacity 400ms ease-in;
  	transition: opacity 400ms ease-in;
  	display: block;
    pointer-events:auto;
    z-index:99999;
    -webkit-overflow-scrolling: touch;
}
.modaloverlay .modal {
	  background-color:#ffffff;
	  height: 100%;
	  position: relative;
	  margin: 0 auto;
	  padding:0;
    display:block !important;
	  
}



.modaloverlay .modal > iframe, .modaloverlay .modal > div {
  border: none;
  width: 100%;
  background: #fff;
  height:100%;
}



@media only screen 
and (min-width : 749px) {
  .modaloverlay{
    overscroll-behavior : contain;
  }
	.modaloverlay .modal {
	    min-height: 75%;
	    height:75%;
	    margin: 30px auto;
	    max-width:980px;
	    width:750px;
  }
}