@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/gras.png), linear-gradient(50deg, rgb(0 0 0) 0%, rgb(72 83 97 / 0%) 100%);
		background-size: contain;
		background-repeat:repeat-x;
		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 {
	font-family: 'ubuntu', Sans-serif;
    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 {
	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 p.pfirst {
	font-size: calc(30px + (30 - 20) * ((100vw - 992px) / 992));
	color: #fff;
	border: 0px solid #fff;
	padding: 0;
	font-weight: 400;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px #000;
}
@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%);
}
/*flex*/
.flex-container {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	height: 100vh;
	padding: 0;
}
.flex-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media (min-width:768px) {
	.minihero-text p.pfirst span {
		display:none;
	}
	.mini-v-hero-text h1 {	
		transform: rotate(352deg);
	}
	.flex-item:first-child h1 img {  }
}
.flex-item:first-child {
	flex: 1;
}
@media(max-width:767px) {
	.flex-item:last-child {
		display: none;
	}
}
.flex-item:last-child {
	background-color: transparent;
	flex: 1;
}
.page-1 .flex-item:last-child {}