#PopUpBackGround {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color: rgba(0,0,0,0.5);
  display:none;
  width: 100vw;
  height: 100vh;
}  

#PopUpWrapper {
  width: 700px;
  max-width: 90vw;
  height:auto;
  border-radius: 15px;
  text-align: center;
  background: white;
  padding: 0px 12px 40px 12px;
  margin: 40px 10px 10px -5px;
  background-color: rgba(255,255,255,255) !important;
}

#PopUpIFrameWrapper h1 {

	font-size: 1.4em;
  	padding: 10px 0px 10px 0px;
  	margin: 0px 0px 0px 0px;
}
#PopUpIFrameWrapper h2 {

	font-size: 1.4em;
  	padding: 0px 0px 10px 0px;
  	margin: 0px 0px 0px 0px;
}
#PopUpIFrameWrapper h3 {

	font-size: 1.4em;
  	padding: 0px 0px 5px 0px;
  	margin: 0px 0px 0px 0px;
}
#VideoIframeWrapper {

  	padding: 0px 0px 0px 0px;
  	margin: -20px 0px 0px 0px;
}


#PopUpArrow {
  width: 70vw;
  max-width: 300px;
  height:auto;
  margin-top: 28px !important;
}

iframe {
	margin-top: 24px !important;
}

#PopUpCloseWrapper {
/* 
  padding: 2px;
 */
  float: right;
}

@media screen and (max-width: 767px) {

	#PopUpWrapper {
	  margin: 100px 10px 10px -5px;
	}
}