@media screen and (max-width: 1760px) {
	.holder {
		width: 1440px;
		}

	#hero.over h1 {
		font-size: 260px;
		}

	.laura-img {
		width: 560px;
		}
	}

@media screen and (max-width: 1640px) {
	#hero {
		margin-top: 260px;
		}

	.block {
		padding: 120px 0;
		}

	.holder {
		width: 1330px;
		}

	#hero.home h1 {
		font-size: 75px;
		}

	#hero h1 {
		font-size: 105px;
		letter-spacing: -1.5px;
		margin-bottom: 40px;
		}

	.ld {
		margin: 20px auto 40px auto;
		}

	.arrow-down {
		width: 180px;
		height: 180px;
		}

	#hero.over h1 {
		font-size: 260px;
		}

	h2 {
		font-size: 82px;
		letter-spacing: -1.4px;
		}

	.laura-2 .text-holder p {
		margin-top: 60px;
		}

	.laura-img {
		width: 520px;
		}

	.laura-pic-2.show {
		top: -160px;
		}

	.laura-2 .signature {
		margin-top: -190px;
		}

	.block.frame {
		margin-top: -60px;
		margin-bottom: 80px;
		}

	.center h2 {
		font-size: 65px;
		}

	.cards {
		margin-top: 100px;
		}

	.card h3 {
		font-size: 25px;
		}

	.text-holder, .text-holder h2 {
		width: 720px;
		}

	.privacy {
		width: 500px;
		height: 500px;
		top: -120px;
		}

	.block.right .privacy {
		top: -200px;
		}

	.block.right p {
		padding-top: 280px;
		}

	.sym {
		width: 180px;
		height: 180px;
		}

	.opt-holder h3 {
		font-size: 21px;
		}

	.columns .checklist.list {
		margin-top: -190px;
		}

	.block.ac .holder:after {
		width: 720px;
		height: 800px;
		top: 70px;
		}

	.block.ac.nmb .holder:after {
		bottom: -540px;
		}
	}

@media screen and (max-width: 1500px) {
	.block {
		padding: 100px 0;
		}

	.holder {
		width: 1240px;
		}

	#hero.over h1 {
		font-size: 260px;
		}

	#hero.over h1 span:first-child {
		font-size: 32px;
		}

	.arrow-down {
		margin-top: 70px;
		}

	.laura-img {
		width: 480px;
		margin-right: 30px;
		}

	.block.ac .holder:after {
		top: 80px;
		}

	.block.ns {
		margin-top: -2px;
		}

	.privacy {
		top: -100px;
		}

	.block.right .privacy {
		top: -180px;
		}

	.block.right .text-holder {
		width: 650px;
		margin-right: 60px;
		}

	.block.right h2 {
		margin-left: -60px;
		}

	.columns p:nth-child(2) {
		margin-right: 60px;
		}

	.laura-2 .text-holder p {
		margin-top: 40px;
		}

	.laura-pic-2.show {
		top: -130px;
		}

	.laura-2 .signature {
		margin-top: -160px;
		}

	.image {
		height: 650px;
		}

	.big-arrow-down {
		width: 340px;
		height: 600px;
		}

	.bab {
		width: 300px;
		height: 300px;
		}

	.duo p {
		margin-right: 80px;
		}

	.block.helpen {
		margin-top: -4px;
		}

	.block.ac {
		margin-top: -200px;
		}

	.block.ac.nmb .holder:after {
		bottom: -520px;
		}

	#hero.over h1 {
		font-size: 220px;
		}

	#hero.over {
		margin-bottom: -90px;
		}

	.banner p {
		font-size: 18px;
		line-height: 170%;
		}

	#footer {
		margin-top: -50px;
		}
	}

@media screen and (max-width: 1315px) {
	.holder, .block.right .holder {
		width: 1130px;
		}

	.menu li {
		margin-top: 65px;
		margin-right: 45px;
		}

	.menu li a {
		font-size: 15px;
		}

	.menu .dropdown li a {
		font-size: 13px;
		}

	#logo {
		top: 40px;
		}

	#contact-button {
		font-size: 14px;
		top: 50px;
		}

	#hero {
		margin-top: 220px;
		}

	#hero.home .holder {
		width: 900px;
		}

	#hero h1 {
		font-size: 95px;
		}

	#hero.home h1 {
		font-size: 65px;
		}

	#hero.over h1 {
		font-size: 190px;
		}

	#hero.over h1 span:first-child {
		margin-bottom: 20px;
		}

	#hero p {
		font-size: 17px;
		}

	.arrow-down {
		width: 140px;
		height: 140px;
		margin-top: 60px;
		}

	.sub-title {
		font-size: 17px;
		margin-bottom: 15px;
		}

	.center h2 {
		font-size: 52px;
		}

	.text-holder, .text-holder h2 {
		width: 500px;
		}

	h2 {
		font-size: 70px;
		}

	.laura-2 .sub-title, .laura-2 h2 {
		margin-left: 40px;
		}

	.laura-2 .text-holder p {
		margin-top: 30px;
		}

	.laura-img {
		width: 460px;
		}

	.cards {
		width: 900px;
		}

	.card {
		width: 380px;
		}

	.card-icon {
		height: 180px;
		}

	.card-icon .c-icon {
		padding-top: 55px;
		}

	.card h3 {
		font-size: 24px;
		margin-bottom: 12px;
		}

	.card-text .c-link {
		margin-top: 22px;
		}

	.block.ac {
		margin-top: -300px;
		}
		
	.block.ac.nmb2 {
	    margin-top: -200px;
    	}

	.columns p:nth-child(2) {
		margin-right: 110px;
		}

	.block.ac .holder:after {
		top: 100px;
		}

	.image {
		height: 540px;
		}

	.privacy {
		width: 420px;
		height: 420px;
		}

	.block.right .text-holder {
		margin-right: 0;
		}

	.block.right h2 {
		float: right;
		margin-left: 0;
		}

	.block.right p {
		padding-top: 40px;
		}

	.sym {
		width: 150px;
		height: 150px;
		}

	.options {
		margin-top: 80px;
		margin-bottom: 80px;
		}

	.option {
		width: 190px;
		}

	.opt-holder h3 {
		font-size: 18px;
		}

	.price {
		font-size: 17px;
		margin-top: 9px;
		}

	#footer .holder, #footer .columns {
		width: 1000px;
		}

	.left-block {
		margin-right: 160px;
		}

	.column {
		margin: 0;
		}

	.column h3 {
		font-size: 18px;
		}

	.column li, .column li a {
		font-size: 17px;
		}

	.column li {
		margin-bottom: 22px;
		}
	}

@media screen and (max-width: 1230px) {
	#header {
		background-size: 100% 77px;
		background-repeat: no-repeat;
		padding-bottom: 60px;
		}

	#blur {
		height: 50%;
		}

	.icon {
		width: 50px;
		height: 34px;
		}

	#logo p {
		font-size: 13px;
		}

	.holder, .block.right .holder {
		width: 1050px;
		}

	#hero.home .holder {
		width: 770px;
		}

	#hero h1 {
		font-size: 85px;
		}

	#hero.home h1 {
		font-size: 58px;
		}

	.ld {
		height: 50px;
		margin: -20px auto 30px auto;
		}

	#hero p {
		font-size: 16px;
		}

	.sub-title {
		font-size: 16px;
		}

	.center h2 {
		font-size: 44px;
		}

	.center .ld {
		margin: 30px auto;
		}

	.text-holder p, .block.right p, .columns p, .duo p {
		font-size: 16px;
		}

	h2 {
		font-size: 56px;
		}

	.laura-img {
		width: 380px;
		}

	.laura-pic-2 {
		border: 5px solid #efefef;
		}

	.laura-2 .signature {
		margin-top: -157px;
		}

	.over-button {
		margin-top: 50px;
		}

	.cards {
		width: 840px;
		}

	.card {
		width: 350px;
		}

	.card-icon {
		height: 160px;
		}

	.card-icon .c-icon {
		width: 80px;
		padding-top: 45px;
		}

	.card-icon #zelfbeeld-icon {
		height: 65px;
		}

	.card-icon #intimiteit-icon {
		height: 75px;
		}

	.card h3 {
		font-size: 22px;
		margin-bottom: 8px;
		}

	.card p {
		font-size: 15px;
		line-height: 160%;
		}

	.card-text .c-link {
		font-size: 16px;
		}

	.columns {
		width: 100%;
		}

	.columns p {
		width: 460px;
		line-height: 160%;
		}

	.columns p:nth-child(2) {
		margin-right: 20px;
		}

	.image {
		height: 480px;
		}

	.privacy {
		width: 350px;
		height: 350px;
		}

	.block.right .text-holder {
		margin-top: -70px;
		}

	.option {
		width: 150px;
		}

	.opt-holder {
		margin-top: 35px;
		}

	.opt-holder h3 {
		font-size: 16px;
		}

	.banner p {
		width: 700px;
		font-size: 16px;
		}

	.checklist li {
		font-size: 15px;
		padding: 16px 22px;
		}

	#contactForm {
		width: 860px;
		}

	.contactHolder span, .contactHolder input, #contactForm textarea {
		font-size: 17px;
		}

	.block.ac.nmb .holder:after {
		width: 560px;
		height: 570px;
		right: -20px;
		bottom: -450px;
		}

	.big-arrow-down {
		width: 310px;
		height: 500px;
		}

	.bab {
		width: 270px;
		height: 270px;
		}

	.duo p {
		width: 510px;
		line-height: 160%;
		}

	.block.right .text-holder {
		width: 500px;
		margin-right: 70px;
		}

	.block.right p {
		margin-left: 110px;
		}

	#footer {
		margin-top: -80px;
		}

	#footer .holder, #footer .columns {
		width: 940px;
		}
	}

@media screen and (max-width: 1095px) {
	.holder, .block.right .holder {
		width: 950px;
		}

	.menu li a {
		font-size: 14px;
		}

	.menu li.aanbod:before {
		margin-left: 7px;
		top: 6px;
		}

	#hero {
		margin-top: 190px;
		}

	#hero.home .holder {
		width: 540px;
		}

	#hero h1 {
		font-size: 70px;
		}

	#hero.home h1 {
		font-size: 40px;
		}

	#hero.over h1 span:first-child {
		font-size: 24px;
		}

	#hero.over h1 {
		font-size: 150px;
		}

	#hero p {
		font-size: 15px;
		line-height: 180%;
		}

	.arrow-down {
		width: 120px;
		height: 120px;
		margin-top: 50px;
		}

	.sub-title {
		font-size: 14px;
		}

	.center h2 {
		font-size: 40px;
		}

	h2 {
		font-size: 50px;
		}

	.block {
		padding: 70px 0;
		}

	.block.ac.nmb2 {
	    margin-top: -150px;
    	}

	.block.center.dark .text-holder p {
		margin-top: 20px;
		}

	.laura-img {
		width: 330px;
		}

	.laura-pic-2.show {
		top: -90px;
		}

	.laura-2 .signature {
		margin-top: -117px;
		}

	.text-holder p, .block.right p, .columns p, .duo p {
		font-size: 15px;
		}

	.columns p {
		width: 410px;
		}

	.columns p:nth-child(2) {
		margin-right: 40px;
		}

	.cards {
		width: 800px;
		}

	.cards.blank .card .card-text {
		padding: 32px 34px;
		}

	.card h3 {
		font-size: 20px;
		}

	.card p {
		font-size: 14px;
		}

	.privacy {
		top: -70px;
		}

	.block.right .privacy {
		top: -150px;
		}

	.block.right p {
		width: 440px;
		}

	.dark.center p {
		width: 650px;
		}

	.sym {
		width: 130px;
		height: 130px;
		}

	.logos img {
		width: 70px;
		}

	.d-line {
		height: 32px;
		}

	.banner p {
		width: 620px;
		font-size: 15px;
		}

	.banner .profile {
		width: 50px;
		height: 50px;
		}

	#contactForm {
		width: 770px;
		margin-top: 60px;
		margin-bottom: -70px;
		}

	.form-holder {
		padding: 50px;
		}

	.contactHolder {
		margin-bottom: 46px;
		}

	#contactForm textarea {
		height: 210px;
		}

	#contactForm input#verstuur {
		font-size: 17px;
		}

	#footer {
		padding: 90px 0;
		}

	#footer .holder, #footer .columns {
		width: 860px;
		}

	#footer-logo {
		width: 60px;
		height: 41px;
		}

	.column h3 {
		margin-bottom: 44px;
		}

	.column li {
		margin-bottom: 18px;
		}

	.column li, .column li a {
		font-size: 16px;
		}
	}

@media screen and (max-width: 1000px) {
	#preloader-logo {
			width: 160px;
		}

	.menu li {
		margin-right: 35px;
		}

	.holder, .block.right .holder {
		width: 860px;
		}

	.laura-2 .sub-title, .laura-2 h2 {
		margin-left: 20px;
		}

	.laura-2 .text-holder p {
		width: 430px;
		}

	h2 {
		font-size: 45px;
		}

	.columns p {
		width: 370px;
		}

	.image {
		height: 400px;
		}

	.duo p {
		width: 390px;
		}

	.left-block {
		margin-right: 100px;
		}
	}

@media screen and (max-width: 930px) {
	#header {
		height: 67px;
		}

	.icon {
		margin-bottom: 12px;
		}

	#logo p {
		font-size: 12px;
		}

	#contact-button, #pointer, .menu li.aanbod {
		display: none;
		}

	#contact-b {
		display: block;
		}

	#header .holder {
		width: 100%;
		max-height: 100vh;
		display: table;
		overflow-y: auto;
		overflow-x: none;
		-webkit-overflow-scrolling: touch;
		}

	#header .holder.open {
		display: inline-block;
		}

	.menu {
		width: 80%;
		position: relative;
		background: none;
		box-shadow: none;
		display: none;
		padding-bottom: 40px;
		margin-top: 160px;
		left: 10%;
		}

	.menu.visible {
		display: inline-block;
		}

	.menu li {
		width: 100%;
		text-align: center;
		display: table;
		overflow: hidden;
		margin-top: 0;
		margin-bottom: 12px;
		}

	.menu li a {
		position: relative;
		font-family: "Made Mirage";
		color: #342823;
		letter-spacing: 0px;
		text-transform: uppercase;
		top: 30px;

		transition: top .6s ease;
		}

	.menu li.show {
		top: 35px;
		}

	.menu li.mobile-show a {
		top: 0;
		}

	.menu li.active:after {
		float: left;
		margin-top: 14px;
		margin-right: 20px;
		}

	.menu .dropdown li a, .menu li a {
		font-size: 16px;
	//	top: 0;
		}
		
    .dots {
        display: none;
       }

	#mobile-menu {
		width: 60px;
		height: 52px;
		position: absolute;
		border-radius: 99px;
		z-index: 99;
		top: 28px; right: 5%;

		transition: transform .4s ease;
		}

	#header.fixed #mobile-menu {
		top: 14px;
		}

	#mobile-menu.show-1 {
		transform: scale(1.05);
		}

	#mobile-menu.show-2 {
		transform: scale(0.98);
		}

	#mobile-menu.show {
		transform: scale(1);
		}

	#mobile-lines {
		width: 22px;
		position: absolute;
		z-index: 2;
		margin-top: -17px;
		margin-left: -11px;
		top: 50%; left: 50%;
		}

	#mobile-menu .line {
		width: 22px;
		height: 1px;
		position: absolute;
		background: #000;
		border-radius: 99px;
		margin-top: 7px;

		transform: rotate(0deg);
		transition: width .3s ease, top .3s ease, transform .3s ease;
		}

	#header.dark #mobile-menu .line {
		background: #000;
		}

	#mobile-menu .line.two {
		width: 16px;
		top: 8px;
		right: 0;
		}

	#mobile-menu .line.three {
		top: 16px;
		}

	#mobile-menu.open .line.one {
		top: 9px;
		transform: rotate(-45deg);
		}

	#mobile-menu.open .line.two, #header.fixed #mobile-menu.open .line.two {
		width: 0;
		}

	#mobile-menu.open .line.three {
		top: 9px;
		transform: rotate(45deg);
		}

	#menu-bg {
		width: 100%;
		height: 100%;
		position: fixed;
		background: #c3b7ae url(../img/noise.png);
	//	background: rgba(255, 255, 255, 0.9);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
		display: none;
		opacity: 0;
		z-index: 5;
		top: 0; left: 0;

		transition: opacity .4s ease;
		}

	#menu-bg.visible {
		display: block;
		}

	#menu-bg.show {
		opacity: 1;
		}

	#hero {
		margin-top: 180px;
		}

	.holder, .block.right .holder {
		width: 90%;
		}

	#hero.home .holder {
		width: 58%;
		}

	#hero h1 {
		font-size: 60px;
		}

	#hero.over h1 {
		font-size: 100px;
		}

	#hero.over h1 span:last-child {
		letter-spacing: 40px;
		}

	#hero h1 span, h2 .l-h {
		top: 40px;
		}

	.banner.review {
		width: 100% !important;
		border-radius: 0 !important;
		left: 0 !important;
		}

	.block.ac.nmb2 {
	    margin-top: -140px;
    	}

	.image {
		height: 300px;
		}

	.ld {
		height: 35px;
		}

	.full-img img {
		width: 140%;
		}

	.dark.center p {
		width: 80%;
		}

	.text-holder, .text-holder h2 {
		width: 90%;
		position: relative;
		z-index: 3;
		left: 5%;
		}

	h2 {
		letter-spacing: -0.5px;
		}

	.kosten, .dark.center .text-holder {
		left: 0;
		}

	.laura-2 h2, .sub-title, h2 {
		text-align: center;
		}

	.laura-2 .text-holder p {
		width: 100%;
		}

	.laura-img {
		width: 80%;
		position: relative;
		margin-top: 80px;
		left: 10%;
		}

	.laura-pic-2.show {
		top: 0;
		}

	.laura-2 .signature {
		margin-top: -30px;
		}

	.cards {
		width: 100%;
		}

	.card {
		float: none;
		margin-left: auto;
		margin-right: auto;
		}

	.card:nth-child(even) {
		float: none;
		margin-top: 0;
		}

	.sym {
		width: 160px;
		height: 160px;
		}

	.opt-holder h3 {
		font-size: 17px;
		}

	.dark.center p {
		margin-bottom: 40px;
		}

	.block.banner {
		padding: 50px 0;
		}

	.logos {
		padding-top: 20px;
		}

	.columns {
		margin-top: 50px;
		}

	.columns p {
		width: 100%;
		float: none;
		}

	.columns p:nth-child(2) {
		margin-top: 40px;
		margin-right: 0;
		}

	.columns .checklist, .columns .checklist.list {
		float: none;
		margin-top: 40px;
		margin-right: 0;
		}

	.block.right .privacy {
		top: -120px;
		}

	.checklist li {
		display: table;
		}

	.block.ac.nmb .holder:after {
		width: 70%;
		height: 380px;
		bottom: -200px;
		right: auto;
		left: 15%;
		}

	.block.ac {
		margin-top: -140px;
		}

	.big-arrow-down {
		display: none;
		}

	.duo p {
		width: 90%;
		position: relative;
		text-align: left;
		left: 5%;
		}

	.block.ac .holder:after {
		display: none;
		}

	.block.right .privacy {
		width: 140px;
		height: 140px;
		left: auto;
		}

	.block.dark .privacy {
		width: 250px;
		height: 250px;
		right: auto;
		left: 0;
		}

	h2 {
		font-size: 40px;
		}

	.block.right .text-holder {
		float: left;
		margin-right: 0;
		}

	.block.right .text-holder h2, .block.right .sub-title {
		text-align: left;
		}

	.block.right h2 {
		float: left;
		left: 0;
		}

	.block.right .text-holder {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		}

	.block.right p {
		width: 90%;
		margin-left: 5%;
		}

	.options {
		display: block;
		justify-content: unset;
		}

	.option {
		float: none;
		display: table;
		margin: 0 auto 40px auto;
		}

	.banner p {
		width: 500px;
		}

	#contactForm {
		width: 100%;
		}

	.form-holder {
		padding: 40px;
		}

	.form-left, .form-right {
		width: 100%;
		float: none;
		}

	#contactForm input, #contactForm textarea {
		width: 100%;
		}

	#contactForm input#verstuur {
		width: 170px;
		}

	#footer .holder {
		width: 90%;
		}

	.left-block {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
		}

	#footer .columns {
		width: 100%;
		}

	.column {
		display: block;
		}

	.column.right {
		float: none;
		margin-top: 40px;
		}

	.development {
		margin-top: 140px;
		}
	}

@media screen and (max-width: 800px) {
	#hero.home .holder {
		width: 90%;
		}

	#hero h1 {
		font-size: 40px;
		}

	#hero.home h1 {
		font-size: 38px;
		}

	.center h2 {
		font-size: 30px;
		}

	.center .sub-title, .center h2, .laura-2 h2, .sub-title, h2, .dark.center p {
		text-align: left;
		}
		
	.dark.center p.cen {
	    text-align: center;
    	}

	.text-holder p, .block.right p, .columns p, .duo p {
		font-size: 15px;
		line-height: 160%;
		}

	.text-holder, .text-holder h2 {
		width: 100%;
		left: 0;
		}

	.laura-2 .sub-title, .laura-2 h2 {
		margin-left: 0;
		}

	.block.arc:after, .block.arc-2:after {
		width: 80%;
		height: 850px;
		margin-left: 0;
		top: -50px;
		left: 10%;
		}

	.block.laura-2.arc-2:after {
		top: 30px
		}

	.card {
		margin-bottom: 50px;
		}

	.columns p, .laura-2 .text-holder p {
		width: 90%;
		margin-left: 5%;
		}

	.columns p:nth-child(2) {
		margin-right: 5%;
		}

	.over-button {
		font-size: 15px;
		}

	.privacy {
		width: 40%;
		height: 250px;
		right: auto;
		left: 0;
		}

	.center .ld {
		display: none;
		}

	.center h2 {
		margin-bottom: 40px;
		}

	.d-line {
		margin: 0 40px;
		}

	#hero.over {
		margin-top: 220px;
		}
	}

@media screen and (max-width: 930px) {
	.banner p {
		width: 400px;
		}

	h2 {
		width: 100%;
		}

	.duo p {
		width: 90%;
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0;
		float: left;
		}
	}

@media screen and (max-width: 640px) {
	#hero.home h1 {
		font-size: 30px;
		letter-spacing: -0.5px;
		}

	#hero h1 {
		font-size: 35px;
		letter-spacing: 0;
		}

	#hero.over h1 {
		font-size: 70px;
		margin-top: -50px;
		margin-bottom: 75px;
		}

	#hero.over h1 span:first-child {
		font-size: 17px;
		}

	#hero p {
		width: 90%;
		font-size: 14px;
		line-height: 160%;
		}

	h2 {
		font-size: 35px;
		}

	.banner p {
		width: 360px;
		}

	.draw {
		height: 46px;
		}

	.laura-2 .signature {
		margin-top: -20px;
		}

	.duo p {
		width: 90%;
		}
	}

@media screen and (max-width: 520px) {
	#hero.home h1 {
		font-size: 26px;
		letter-spacing: 0;
		}

	.banner p {
		width: 300px;
		line-height: 150%;
		}
	}

@media screen and (max-width: 450px) {
	#hero.over h1 {
		font-size: 50px;
		}

	.card {
		width: 90%;
		}
		
    .image {
        height: auto;
    }
    
    .block.ns {
    display: block;
	}

	.block.right .privacy {
	//	top: -123px;
		}

	h2 {
		font-size: 31px;
		}
	}
	
@media screen and (max-width: 410px) {
    .banner p {
        width: 90%;
        line-height: 140%;
        }
        
    .checklist li {
        font-size: 14px;
        padding: 13px 15px;
        }
    }

@media screen and (max-width: 370px) {
    #hero.over h1 {
        font-size: 40px;
        }

    #hero.over h1 span:last-child {
        letter-spacing: 30px;
        }

	h2 {
		font-size: 27px;
		}
	}

@media screen and (max-width: 330px) {
    #hero h1 {
        font-size: 25px;
        }

	#hero.home h1 {
		font-size: 23px;
		}
	}
	
@media screen and (max-width: 300px) {
    .menu li {
        margin-bottom: 8px;
      }
    
	.menu .dropdown li a, .menu li a {
		font-size: 14px;
		}
	}