body > header{
    position: relative;
    width: 100%;
    height: 400px;
    background-image: url(../images/veghel_markt.jpg);
    background-size: 100%;
    background-position: center 70%;
    z-index: 1;
	transition:height .3s ease-out;
	/* transition:transform .01s ease-out; */
}

body > header .overlay{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,bf2424+48,ff3033+100 */
	/*background: #000000; /* Old browsers */
	/*background: -moz-linear-gradient(left, #000000 0%, #bf2424 48%, #ff3033 100%), url(../images/side_slide.png); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(left, #000000 0%,#bf2424 48%,#ff3033 100%), url(../images/side_slide.png); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to right, #000000 0%,#bf2424 48%,#ff3033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff3033',GradientType=1 ); /* IE6-9 */		
    opacity: 0.9;
	z-index: 0;
}
body > header p{
	color:#fff;
}
body > header:before{
	/* content:'';	 */
}
body > header:after,
body > header:before{
	position:Absolute;
	left:0;
	bottom:0;
	width:960px;
	max-width:50vw;
	height:77px;
	z-index:4;
	background-image:url(../images/side_slide.png);
}

body > header:after{
	left:inherit;
	right:0;
	transform:scaleX(-1.0);
}

body > header div.html_slider_holder{
	position: absolute;
    z-index: 3;
    width: 100%;
    height: auto;
    bottom: 50%;
    transform: translateY(50%);
    top: inherit;
    opacity: 0.0;
    transition: opacity .3s ease-out;
}
body > header div.html_slider_holder.shown{
	opacity:1.0;
}
body > header div.html_slider{
}

body > header.scrolling{
	
}

.html_slider h2 {
    color: white;
}

@media (max-width: 1630px){
	body > header {
		height: 200px;		
		/* background-size:auto 100%; */
	}
}

@media (max-width: 820px){
	body > header{
		background-size: cover !important;
		background-position:left center;		
	}
}
@media (max-width: 768px){
	body > header{
		height: 120px;
	}
}