@media screen and (max-width: 900px) {

	body {
		font-size: 1em;
	}
	/* header */
	.header {
		height: 100px;
	}

	/* rows general */
	.row {
		padding: 50px 0;
	}	
	.row .container h1,
	.row .container h2 {
		font-size: 1.2em;	
	}
	.row .container h1 {
		margin-bottom: 20px;
	}

	/* INTRO */
	.row.intro {
		padding-top: 130px;
	}
	.row.intro .text {
		float: none;
		width: 100%;
		margin-top: 0;
	}
	.row.intro .text .text-holder-home {
		padding: 1.5em;
		margin-top: 1em;
	}
	.row.intro .image {
		display: block;
		width: 100%;
        height:auto;
		float: none;
		margin: 0;
		margin-top:30px;
		margin-bottom:40px;
		position: relative;
        overflow:visible;
        z-index: 5;
	}
    .row.intro .image .overlay-image {
        height:auto;
    }
    .row.intro .image .overlay-image img {
        position:relative;
        top:auto;
        -webkit-transform:none;
        transform:none;
    }
	.row.intro .image .hartje {
		right: 10px;
		top:70%;
		width: 100px;
	}
	.row.intro .image .hartje,
    .row.intro .image .overlay-image {
        -webkit-transform:none!important;
        transform:none!important;
    }

	/* MERKEN */
	.row .media {
		margin-bottom: 20px;
	}
	.row .text-holder,
	.row.merken.second .text-holder {
		margin: 0;
		width: 100%;
		max-width: 100%;
		padding: 1.5em;
	}

	/* CONTACT */
	.row.contact .hartje {
		width: 120px;
	}
	.row.contact div.contact-set {
		width: 100%;
	}
	.row.contact p.digits {
		padding-top: 20px;
		font-size: .8em;
	}
	.row.contact {
		padding-bottom: 20px;
	}


}