html,body { 
	/*overflow: scroll;*/
	background-color: #000000;
}

#content { 
	position:fixed;
	width:100%;
}

#scrollContainer { 
	min-width: 100%;
	min-height: 100%;
	overflow: scroll;
	z-index: -1;
	position: absolute;
}

#scroll { 
	background: #DDDDDD; 
	min-width: 100%;
	min-height: 3000px;
	position: absolute;
	z-index: -1;
	overflow: auto;
}

#loaderVideo {
	position: fixed; 
	z-index: 100;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
    width: 600px;
    height: 600px;
}

#flow {
	width: 100%;
	height: 100%;
	top: -100%;
	position: fixed;
	z-index: 1;
}

h1, h2, h3, h4, h5, h6, p, sub, a {
	font-family: 'montserratmedium', sans-serif;
	text-align: center;
}

sub {
	color: #DDDDDD;
}

a {
	color: #FFFFFF;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.grid {
	padding: 2rem;
}

/*.grid > ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	grid-gap: 1rem;
}*/

ul {
	list-style-type: none;
	padding-inline-start: 0px;
}






.overlay-video {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/*opacity: 0;*/
	-ms-transition: opacity 600ms ease-in;
	transition: opacity 600ms ease-in;
	-ms-transition: opacity .6s;
	transition: opacity .6s;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background: rgba(0, 0, 0, .7);*/
	z-index: 999999;
	position: fixed;
	pointer-events: none;
}

.o1 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	-ms-transition: opacity 600ms ease-out;
	transition: opacity 600ms ease-out;
	-ms-transition: opacity .6s;
	transition: opacity .6s;
}

.videoWrapperExt {
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 1600px;
	padding: 0 20px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
	pointer-events: all;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}