html, body
{
	background-color: #000 !important;
	color:#1B1B1B;
	margin: 0; 
	padding: 0;
}

#map { position: absolute; top: 0; bottom: 0; width: 100%; }

.introscreen
{
	background-color: #F0D316;
	color:#1B1B1B;
	padding: 0px !important;
	text-align:left;
	max-width:960px;
	margin:auto;
	border:0px;
	text-align: left;
}

.intropage_txt
{
	text-align:left;
	padding-left:  20px;
	padding-right: 20px;
}

.introscreen_txt
{
	text-align: center;
	width:100%;
	padding:10px;
	color:#1B1B1B !important;
}

#intro_banner
{
	width: 100%;
	height: 494px;
	background-image: url('https://platipus.sirv.com/routes/prod/vlaardingenroutes/museumkade.jpg?w=960') no-repeat center bottom;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	
	/* Apply the PNG mask */
	mask-image: url('https://platipus.sirv.com/routes/prod/vlaardingenroutes/mask.png?w=960');
	-webkit-mask-image: url('https://platipus.sirv.com/routes/prod/vlaardingenroutes/mask.png?w=960');
	
	/* Optional: adjust mask properties */
	mask-repeat: no-repeat;
	mask-size: cover;
	mask-position: center bottom;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	-wekkit-mask-position: center bottom;
}

h1
{
	color: #E3181A !important;
}