.overlay {
	position:fixed; 
	top:100vh; 
	right:0; 
	left:0; 
	bottom:0; 
    background: rgba(0, 0, 0, 0.57);
	-webkit-transition: ease .3s;
	transition: .3s ease;
	}
.overlay div {
	top: 10vh;
	width: 50%;
	max-width: 800px;
	margin: 0 25%;
	-webkit-transition: ease .3s;
	transition: .3s ease;
	position: relative;
	min-height: 61vh;
    box-sizing: border-box;
    padding: 15px;
    background: #fff;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	}
.overlay div iframe {
 	width:100%;
 	height:100%;
    position: absolute;
    bottom: 0px;
    top: 0;
    left: 0;
    right: 0;
	overflow:scroll;

	}
.overlay.show {
	top:0;
	}
.overlay .closeout {
	color: #ff0000;
    position: absolute;
    padding: 3px 6px;
    font-size: 20px;
    top: 0;
    right: 0;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    background: rgba(255, 255, 255, 0.84);
	}
#welcomevidbox {
	position: fixed;
	bottom: 60px;
    background: transparent;
    right: 0;
    width: 228px;
    text-align: center;
    overflow: hidden;
    margin-right: 4vw;
	height:61vh;
	}
.closemessage { 
	font-size: 20px; 
	color: #000; 
	font-weight: normal; 
	letter-spacing: 1px;
	text-shadow: 1px 1px 2px #AAA;	
    cursor: pointer;
    cursor: hand;
	}
.closemessage span {
    font-size: 22px;
	}
#output {
	position: absolute; 
	left: 0; 
	bottom: 0; 
	height: 55vh;
	max-height: 593px;
	}
#buffer {
	display:none;	
	}
#video1 {
	display:none; 
	position:absolute; 
	left:-38vh; 
	top: 50px; 
	bottom: 0; 
	height: 55vh;
	}

@media screen and (max-height: 750px) {
#welcomevidbox {
	width:217px;
	margin-right:0px;
	}
#output {
    left: 26px;
	}

}
@media screen and (max-width: 650px) {
.overlay div {
    top: 10vh;
    width: 80%;
    max-width: 80%;
    margin: 0 10%;
	max-height:50vh;
	}
}