/* CSS Document */


.waterstaete .portfolio-body
{
	background-image:url('../images/bg.jpg');
	background-size:cover;
	height:100vh;
		background-position: 65% top;
}

.waterstaete .content
{
	position: absolute;
	right:150px;
	top:50px;
	z-index: 20;
}

.waterstaete .verloop
{
	width: 100%;
  height: 273px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
	background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
	background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
position: absolute;
	bottom:0px;
	left:0px;
	z-index: 1;
}


.logo-waterstaete
{
	width:316px;
	margin-bottom:50px;
}


.logo-waterstaete img
{
	width:100%;
	height: auto;
}

@media only screen and (max-width: 1918px) and (min-width: 769px) 
{
	
	/* Waterstaete */
	
		.waterstaete .content
	{
		right:80px;
	}
	
	.logo-waterstaete {
		width: 226px;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	
}


@media only screen and (max-width: 768px)

{

/* Waterstaete */
	
	.waterstaete
	{
		height:auto;
		
	}
	
	.waterstaete .portfolio-body
	{
		height:auto;
		background-image: none;
	}
	
	.waterstaete .imgmob
	{
		margin-top:60px;
		width:190%;
	}
	
	.waterstaete .content
	{
		position: relative;
		right:0px;
	}
	
	.logo-waterstaete
	{
		margin:auto;
		margin-bottom:50px;
	}
	
	.waterstaete .portfolio-body .btn_lijst, .waterstaete .portfolio-body .btn_website
	{
		margin:auto !important;
		margin-top:30px !important;
	}
}


@media (orientation: portrait) and (min-width: 769px)
{
	
	.waterstaete .portfolio-body
	{
		height:70vh;
	

	}
}