/* CSS Document */

/* Boerenerf */

.boerenerf .portfolio-body
{
	background-image:url('../images/bg.jpg');
	background-size:cover;
	min-height:100vh;
}

.boerenerf .content
{
	position: absolute;
    bottom: 170px;
    left: 150px;
}

.boerenerf .portfolio-body h1, .boerenerf .portfolio-body p
{
	color:#ffffff;
	width:350px;
	padding-left:42px;
}

.boerenerf .logo-boerenerf
{
	width:400px;
	margin-bottom:50px;
}

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


@media only screen and (max-width: 1918px) and (min-width: 769px) 
{
	/* Boerenerf */
	
	
	.boerenerf .content {
		position: absolute;
		bottom: auto;
		left: 50px;
		top: 130px;
	}
	
	.boerenerf .logo-boerenerf
	{
		width:290px;
	}
	
}


@media only screen and (max-width: 768px)
{
	
/* Boerenerf */


	.boerenerf .portfolio-body
	{
		background-image: url(../images/bg-mob.jpg);
   
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    padding-bottom: 180px;
	}
	.boerenerf .content
	{
		position: relative;
    left: 0px;
    bottom: 0px;
    top: 30px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
	}
	
	.boerenerf .portfolio-body h1, .boerenerf .portfolio-body p
	{
		width:auto;
		padding-left:0px;
	}
	
	.boerenerf .logo-boerenerf
	{
		width:50%;
		margin:auto;
		margin-bottom:30px
	}
	
}



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