.overlay-trigger {
	cursor:pointer;
}

.overlay {
	z-index:999999;
	position:fixed;
	left:-9999px;
	width:100%;
	height:0;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	//overflow-y:scroll;
	transform:scale(1.25);
	-webkit-transform:scale(1.25);
	transition:
		opacity 200ms,
		transform 200ms;
	-webkit-transition:
		opacity 200ms,
		-webkit-transform 200ms;
}

.overlay.on {
	left:0;
	top:0;
	height:100vh;
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
}

.overlay a.close {
	position:fixed;
	top:2em;
	right:2%;
	width:40px;
	opacity:0.7;
	border:none;
	z-index:100;
}

.overlay a.close:hover  {
	opacity:1
}

.overlay .overlay-container {
	position:relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width:1200px;
	margin:0 auto;
	padding:2em 4%;
	line-height:1.25em;
}

.overlay .overlay-video {
	position:relative;
	max-width:1200px;
	padding-top:56.25%;
	margin:0 auto;
	background-color:#000;
}

.overlay .overlay-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.overlay h2 {
	font-weight:400;
	font-size:1.75em;
	margin:0.25em 0 0.25em;
	color:#333;
}

.overlay h3 {
	color:#4f889e;
	font-weight:400;
}

.overlay h5 {
	color:#aaa;
	font-weight:400;
	font-size:0.625em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.overlay p {
	margin:0.5em 0;
}

.overlay table {
	width:100%;
	margin:0.5em 0 1.5em;
}

.overlay table tbody tr td {
	padding:0.75em 0;
	font-weight:300;
	font-size:0.875em;
}

.overlay table tbody tr td:last-child {
	text-align:right;
}


@media only screen and (max-width: 800px) {
	
	.overlay-main form, .overlay article {
		margin-top:5em;
		margin-bottom:5em;
		position: relative;
		top: auto;
		transform: none;
		-webkit-transform: none;
	}
	
}