.poster{
	min-height:50vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#video-back{
	overflow:hidden;
	min-height:70vh;
	position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#video-back video{
	max-width:100%;
}
@media (max-width : 1130px) {
	.poster .caption{
		width:calc(100% - 40px);
		margin:0 20px;
	}
}
@media (max-width : 900px) {
	.poster .caption .width50{
		width:calc(100% - 40px);
	}
}
@media (max-width : 720px) {
	#video-back video{
		max-width:none;
		max-height:100%;
	}
}
@media (max-width : 850px) {
	#video-back,
	.poster{
		min-height:50vh;}
}

.poster .caption,
#video-back .caption{
	min-height:inherit;
}
/* #video-back h1,
#video-back p{
	text-align:center;
	color:#fff;
	text-shadow: 5px 5px 30px rgba(0,0,0,0.5);
} */
.poster h1,
#video-back h1{
	width:100%;
	margin:0;
	/* font-size:4em; */
	line-height:1.2em;
	text-shadow: 5px 5px 20px rgba(0,0,0,0.6);}
.poster p,
#video-back p{
	width:100%;
	margin:0;
	font-size:2em;
	text-shadow: 5px 5px 20px rgba(0,0,0,1);}
.poster ul{
	list-style: disc;
	padding-left: 20px;
}

.poster h1{
	font-size:3em;}
.poster p{
	font-size:1.2em;}


.poster .caption h1.white, .poster .caption p.white{color:#fff;}
.poster .caption h1.yellow, .poster .caption p.yellow{color:#f3d083;}
.poster .caption h1.red, .poster .caption p.red{color:#ba6c6a;}
.poster .caption h1.orange, .poster .caption p.orange{color:#e68069;}
.poster .caption h1.green, .poster .caption p.green{color:#37b4a4;}
.poster .caption h1.blue, .poster .caption p.blue{color:#1c5661;}
.poster .caption h1.gray, .poster .caption p.gray{color:#888;}
.poster .caption h1.black, .poster .caption p.black{color:#000;}

#video-back .caption h1.white, #video-back .caption p.white{color:#fff;}
#video-back .caption h1.yellow, #video-back .caption p.yellow{color:#f3d083;}
#video-back .caption h1.red, #video-back .caption p.red{color:#ba6c6a;}
#video-back .caption h1.orange, #video-back .caption p.orange{color:#e68069;}
#video-back .caption h1.green, #video-back .caption p.green{color:#37b4a4;}
#video-back .caption h1.blue, #video-back .caption p.blue{color:#1c5661;}
#video-back .caption h1.gray, #video-back .caption p.gray{color:#888;}
#video-back .caption h1.black, #video-back .caption p.black{color:#000;}

#video-back .button.white, .poster .button.white{background-color:#fff;}
#video-back .button.white a, .poster .button.white a{color:#1c5661;}
#video-back .button.yellow, .poster .button.yellow{background-color:#f3d083;}
#video-back .button.yellow a, .poster .button.yellow a{color:#fff;}
#video-back .button.red, .poster .button.red{background-color:#ba6c6a;}
#video-back .button.red a, .poster .button.red a{color:#fff;}
#video-back .button.orange, .poster .button.orange{background-color:#e68069;}
#video-back .button.orange a, .poster .button.orange a{color:#fff;}
#video-back .button.green, .poster .button.green{background-color:#37b4a4;}
#video-back .button.green a, .poster .button.green a{color:#fff;}
#video-back .button.blue, .poster .button.blue{background-color:#1c5661;}
#video-back .button.blue a, .poster .button.blue a{color:#fff;}
#video-back .button.gray, .poster .button.gray{background-color:#888;}
#video-back .button.gray a, .poster .button.gray a{color:#fff;}
#video-back .button.black, .poster .button.black{background-color:#000;}
#video-back .button.black a, .poster .button.black a{color:#fff;}

.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-body-back-youtube{
	position: fixed;
	z-index: -100;
	/*min-width: 100%;
	min-height: calc(100% * 1.77);*/
	top: 50%;
	left: 50%;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back-youtube{
	position: absolute;
	/*min-width: 100%;
	min-height: 100%;*/
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
	display: none;
}
.vidmask-body-back{
	background: url(videooverlay1.png) repeat;
	opacity: 0.4;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}
.vidmask-block-back{
	background: url(videooverlay1.png) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}