/* module css */
/* 20210122 - max height video 80% in de hoop dat dit op laptops beter gaat */

@font-face {
  font-family: "UrbanJungle";
  src: url("../fonts/UrbanJungle.eot"); /* IE9 Compat Modes */
  src: url("../fonts/UrbanJungle.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/UrbanJungle.otf") format("opentype"), /* Open Type Font */
    url("../fonts/UrbanJungle.svg") format("svg"), /* Legacy iOS */
    url("../fonts/UrbanJungle.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/UrbanJungle.woff") format("woff"), /* Modern Browsers */
    url("../fonts/UrbanJungle.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/* Urban Jungle caption */
.fotoslide h2,
.carousel h2,
#video-container h2 {
	font-family: 'UrbanJungle';
	margin-top: 2rem;
	margin-bottom: 0;
	z-index: 1;
	max-width: 700px;
	margin-left: 0;
	font-size: 5rem;
	font-weight: 100;
	line-height: 1.1em;
	letter-spacing: 8px;
	text-align: left;
	color: #fff;
	-webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
	transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

/* Default en slideshow */
.banner.laag {
	height:350px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner.laag h2 {
	margin-top: 9rem;
}

/* Video */
#video-container {
	position: relative;
}
#video-container #video {
	height: auto;
	max-width: 100%;
	max-height: 80%;
	width: 100%;
}
video {max-width: 100%;}
#video-container #video-titel {
	position: absolute;
	top: 20%;
	left: 10%;
}