@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');
@import url('animate.css');
.mini-v-hero {
    position: relative;
	overflow: hidden;
}
@media (max-width:768px) {
	.hero-8 {
		height:100vh!important;
	}
}
.mini-v-hero .pfirst {}
.mini-v-hero .psecond {}
.mini-v-hero .duration1s 	{-webkit-animation-duration: 1s;animation-duration: 1s;}
.mini-v-hero .duration2s 	{-webkit-animation-duration: 2s;animation-duration: 2s;}
.mini-v-hero .duration3s 	{-webkit-animation-duration: 3s;animation-duration: 3s;}
.mini-v-hero .duration4s	{-webkit-animation-duration: 4s;animation-duration: 4s;}
.mini-v-hero .duration5s 	{-webkit-animation-duration: 5s;animation-duration: 5s;}
.mini-v-hero .duration6s 	{-webkit-animation-duration: 6s;animation-duration: 6s;}
.mini-v-hero .duration7s 	{-webkit-animation-duration: 7s;animation-duration: 7s;}
.mini-v-hero .duration8s 	{-webkit-animation-duration: 8s;animation-duration: 8s;}
.mini-v-hero .delay1s 		{-webkit-animation-delay: 1s; animation-delay: 1s; }
.mini-v-hero .delay2s 		{-webkit-animation-delay: 2s; animation-delay: 2s; }
.mini-v-hero .delay3s 		{-webkit-animation-delay: 3s; animation-delay: 3s; }
.mini-v-hero .delay4s 		{-webkit-animation-delay: 4s; animation-delay: 4s; }
.mini-v-hero .delay5s 		{-webkit-animation-delay: 5s; animation-delay: 5s; }
.mini-v-hero .delay6s 		{-webkit-animation-delay: 6s; animation-delay: 6s; }
.mini-v-hero .delay7s 		{-webkit-animation-delay: 7s; animation-delay: 7s; }
.mini-v-hero .delay8s 		{-webkit-animation-delay: 8s; animation-delay: 8s; }

@media (min-width:768px) {
	.mini-v-hero-overlay  {
		background-image: url(img/wave.png), linear-gradient(90deg, rgb(171 167 153) 0%, rgba(255, 255, 255, 0) 100%);
		background-size: contain;
		background-repeat:no-repeat;
		background-position:bottom;
	}
}
@media (max-width:767px) {
	.mini-v-hero-overlay {
		background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	}
}
.mini-v-hero-overlay {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;	
}
.mini-v-hero-text {
    text-align: center;
    position: absolute;
    color: #ffffff;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mini-v-hero-text span {
	display: flex;
	align-items: center;
}
.mini-v-hero-text h1 {
	font-family: "Allison", cursive;
	color: #fff;
	border: 0px solid #fff;
	padding: 0;
	font-weight: 400;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000;
}
@media (min-width:1401px) {
    .mini-v-hero-text h1 {
        font-size: 100px;
    }
}
@media (min-width:768px) and (max-width: 1400px) {
    .mini-v-hero-text h1 {
        font-size: 8vw;
    }
}
@media (max-width:767px) {
    .mini-v-hero-text h1 {
        font-size: 13vw;
    }
	.mini-v-hero-text span {
		justify-content: center;
	}
	.mini-v-hero-text span:last-child {
		display:none;
	}
}
.logomobiel {
	max-width:35%;
}
@media (min-width:768px) {
	.mini-v-hero-text {
		text-align: left;
	}
	.logomobiel {
		display:none;
	}
	.mini-v-hero-text h1 {	
		transform: rotate(356deg);
	}
}
.mini-v-hero-text p.pfirst {
	color: #fff;
	border: 0px solid #fff;
	padding: 0;
	font-weight: 400;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px #000;
    font-family: "Allison", cursive;
}
@media (min-width:768px) {
	.mini-v-hero-text p.pfirst span {
		font-size: 7vmin;
		display:block;
		padding-left:3%;
	}
	.mini-v-hero-text p.pfirst span:last-child {
		font-size: 28px;
		font-size: 6vmin;
		padding-left:10%;
	}
}
@media (max-width:767px) {
	.mini-v-hero-text p.pfirst span {
		display:none;
	}
}
.mini-v-hero-text p.psecond {
	color: #fff;
	border: 0px solid #fff;
	padding: 10px 0;
	font-size: 18px;
	font-size: 2.5vmin;
	font-weight: 400;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000;
}
.mini-v-hero-text a.button {
	background-color: #827950;
    border: none;
    color: #ebe8dd;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
	text-shadow: none;
    display: inline-block;
	text-transform:uppercase;
	font-weight: 600;
	font-size: 17px;
	border-radius: 5px;
	-webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
	border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
@media (max-width:419px) {
	.mini-v-hero-text a.button {
		margin: 0 auto;
		display: block;
	}
}
.mini-v-hero-text a.button:hover {
    text-decoration: none;
	border-top: 4px solid #c7963a;
    border-bottom: 4px solid #c7963a;
}
.video-background { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
}