#introOverlay{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:#000;
		display:flex;
		justify-content:center;
		align-items:center;
		overflow:hidden;
		z-index:999999;
		transition:opacity .45s ease;
}

#introVideo{
		position:absolute;
		width:100%;
		height:100%;
		object-fit:cover;
}
		



@media(max-width:768px){

#introVideo{

		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center center;
		background:#000;
	}
}

.overlay-dark{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.45);
}

.intro-logo{
		position:relative;
		z-index:5;
		text-align:center;
		color:white;
		animation:fadeUp 1.5s;
}

.intro-logo img{
		width:270px;
		margin-bottom:50px;
}

.intro-logo h2{
		font-family:Montserrat;
		letter-spacing:5px;
		font-size:35px;
		font-weight:600;
		color: #fff;
}

#skipIntro{
		position:absolute;
		bottom:45px;
		right:50px;
		z-index:6;
		background:white;
		color:black;
		border:none;
		padding:14px 28px;
		cursor:pointer;
		border-radius:40px;
		font-weight:bold;
		transition:.3s;
}

#skipIntro:hover{
		background:#d8b46d;
		color:white;
}


#mainWebsite{
		opacity:0;
		transform:translateY(40px);
		transition:1.2s;
}

#mainWebsite.show{
		opacity:1;
		transform:none;
}

.fadeAway{
		opacity:0;
		visibility:hidden;
		pointer-events:none;
}

@keyframes fadeUp{
		from{
		opacity:0;
		transform:translateY(40px);
}

to{
		opacity:1;
		transform:none;
}

}