@media screen and (max-width: 1650px) {
	#header ul#menu a {
		margin-left: 55px;
		}

	#cover {
		height: 700px;
		}

	#cover h1 {
		font-size: 58px;
		}

	#arrow-down {
		width: 55px;
		height: 55px;
		background-position: 0 55px;
		bottom: -27.5px;
		}

	@-webkit-keyframes arrow-down-animation {
		0% {
			background-position: 0 53px;
			}
		50% {
			background-position: 0 57px;
			}
		100% {
			background-position: 0 53px;
			}
		}

	@-moz-keyframes arrow-down-animation {
		0% {
			background-position: 0 53px;
			}
		50% {
			background-position: 0 57px;
			}
		100% {
			background-position: 0 53px;
			}
		}

	@-ms-keyframes arrow-down-animation {
		0% {
			background-position: 0 53px;
			}
		50% {
			background-position: 0 57px;
			}
		100% {
			background-position: 0 53px;
			}
		}

	@-o-keyframes arrow-down-animation {
		0% {
			background-position: 0 53px;
			}
		50% {
			background-position: 0 57px;
			}
		100% {
			background-position: 0 53px;
			}
		}

	@keyframes arrow-down-animation {
		0% {
			background-position: 0 53px;
			}
		50% {
			background-position: 0 57px;
			}
		100% {
			background-position: 0 53px;
			}
		}

	h1.biggest-mid-title, h2.biggest-mid-title {
		font-size: 40px;
		}

	p.text {
		font-size: 15px;
		}

	.medium-text-holder h2 {
		font-size: 38px;
		}

	.medium-text-holder p {
		font-size: 15px;
		}

	.square.big {
		width: 500px;
		height: 500px;
		}	
	}

@media screen and (max-width: 1530px) {
	#header ul#menu li {
		font-size: 11px;
		}

	#header ul#menu a {
		margin-left: 48px;
		}

	#cover h1 {
		font-size: 59px;
		}

	.sm-holder {
		width: 1200px;
		}

	.holder {
		width: 1300px;
		}

	.holder .testimonials.three .testimonial:nth-child(1), .holder .testimonials.three .testimonial:nth-child(2) {
		margin-right: 75px;
		}

	.holder .boxes.three .box {
		width: 380px;
		margin-left: 25px;
		margin-right: 25px;
		}

	.button {
		padding: 16px 28px;
		}

	.button.arrow {
		padding: 3px 3px 3px 25px;
		}

	.button.arrow:after {
		margin-left: 22px;
		}

	h1.biggest-mid-title, h2.biggest-mid-title {
		font-size: 46px;
		}

	.medium-text-holder {
		width: 600px;
		}
	}

@media screen and (max-width: 1480px) {
	#cover {
		height: 670px;
		}
	}

@media screen and (max-width: 1430px) {
	#cover {
		height: 650px;
		}

	.sm-holder {
		width: 1100px;
		}

	.holder {
		width: 1200px;
		}

	.sm-text-holder.center {
		top: 50%;
		}

	.sm-text-holder h2, .headline h2 {
		font-size: 31px;
		}

	.sm-text-holder p {
		margin-bottom: 50px;
		}

	.quincy-kools {
		width: 300px;
		}

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

	.square {
		width: 380px;
		height: 380px;
		margin-right: 0;
		}

	.square .dots {
		width: 380px;
		height: 380px;
		right: 35px;
		bottom: -35px;
		}

	.square .dots.with-border {
		left: -35px;
		}

	.square .border {
		border: 13px solid #1bde69;
		top: -32px; right: -32px;
		}

	.holder .boxes.three .box {
		width: 360px;
		margin-left: 18px;
		margin-right: 18px;
		}

	.holder .testimonials.three .testimonial:nth-child(1), .holder .testimonials.three .testimonial:nth-child(2) {
		margin-right: 42px;
		}

	.holder .testimonials.three .testimonial {
		width: 360px;
		}

	.testimonials .company-logo {
		max-width: 200px;
		max-height: 18px;
		}

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

	.medium-text-holder {
		width: 550px;
		}

	.medium-text-holder h2 {
		font-size: 35px;
		}

	.medium-text-holder p {
		font-size: 14px;
		}

	.square.big {
		width: 480px;
		height: 480px;
		}

	#footer-logo {
		font-size: 30px;
		}
	}

@media screen and (max-width: 1380px) {
	#cover {
		height: 620px;
		}
	}

@media screen and (max-width: 1330px) {
	#cover h1 {
		font-size: 52px;
		}

	#cover .left, #cover .center, #cover .right {
		width: 770px;
		}

	.sm-holder {
		width: 1050px;
		}

	.holder {
		width: 1150px;
		}

	.sm-text-holder {
		width: 550px;
		}

	.sm-text-holder h2, .headline h2 {
		font-size: 29px;
		}

	.sm-text-holder p {
		font-size: 13px;
		line-height: 270%;
		}

	.quincy-kools {
		width: 290px;
		}

	.dots {
		width: 290px;
		height: 290px;
		}

	p.big-mid-title {
		font-size: 27px;
		}

	.cards.two .card {
		width: 380px;
		margin: 0 55px;
		}

	.cards .card h3 {
		font-size: 17px;
		}

	.cards .card p {
		font-size: 12px;
		margin-top: 22px;
		}

	.cards .card .button {
		font-size: 10px;
		margin: 35px auto 40px auto;
		}

	.box .award {
		width: 160px;
		height: 160px;
		}

	.box h3.award-title {
		font-size: 13px;
		}

	.button {
		padding: 15px 28px;
		}

	.button.arrow {
		padding: 3px 3px 3px 24px;
		}

	.button.arrow:after {
		margin-left: 17px;
		}

	.holder .boxes.three .box {
		width: 350px;
		margin-left: 15px;
		margin-right: 15px;
		}

	.holder .testimonials.three .testimonial:nth-child(1), .holder .testimonials.three .testimonial:nth-child(2) {
		margin-right: 35px;
		}

	.holder .testimonials.three .testimonial {
		width: 350px;
		}

	.testimonials .company-logo {
		max-width: 180px;
		max-height: 16px;
		}

	.testimonials h3 {
		font-size: 14px;
		}

	.testimonials span {
		font-size: 13px;
		}

	h1.biggest-mid-title, h2.biggest-mid-title {
		font-size: 34px;
		}

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

	.square {
		width: 360px;
		height: 360px;
		margin-right: 0;
		}

	.square .dots {
		width: 360px;
		height: 360px;
		right: 30px;
		bottom: -30px;
		}

	.square .dots.with-border {
		left: -30px;
		}

	.square .border {
		border: 12px solid #1bde69;
		top: -30px; right: -30px;
		}

	.medium-text-holder {
		width: 540px;
		}

	.medium-text-holder h2 {
		font-size: 34px;
		}

	.square.big {
		width: 440px;
		height: 440px;
		}
	}

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

	#header ul#menu a {
		margin-left: 40px;
		}

	#cover .mini-title {
		font-size: 8px;
		}

	#cover h1 {
		font-size: 46px;
		}

	#cover .left, #cover .center, #cover .right {
		width: 700px;
		}

	.sm-holder {
		width: 950px;
		}

	.holder {
		width: 1050px;
		}

	.sm-text-holder {
		width: 510px;
		}

	.small-title {
		font-size: 9px;
		}

	.sm-text-holder h2, .headline h2 {
		font-size: 27px;
		}

	.sm-text-holder p {
		font-size: 12px;
		}

	.quincy-kools {
		width: 280px;
		margin-right: 10px;
		}

	.dots {
		width: 280px;
		height: 280px;
		right: -70px;
		}

	.dots.in-between {
		right: 0;
		}

	.button {
		font-size: 13px;
		}

	.button.arrow {
		padding: 3px 3px 3px 20px;
		}

	.button.arrow:after {
		margin-left: 13px;
		}

	.cards.two .card {
		width: 340px;
		}

	.cards .card h3 {
		font-size: 16px;
		}

	.cards .card .button {
		margin: 30px auto 35px auto;
		}

	.holder .boxes.three .box {
		width: 310px;
		}

	.square {
		width: 330px;
		height: 330px;
		}

	.square .dots {
		width: 330px;
		height: 330px;
		}

	.square .border {
		border: 11px solid #1bde69;
		}

	.holder .testimonials.three .testimonial:nth-child(1), .holder .testimonials.three .testimonial:nth-child(2) {
		margin-right: 40px;
		}

	.holder .testimonials.three .testimonial {
		width: 320px;
		}

	.testimonials p {
		font-size: 13px;
		}

	p.text {
		width: 900px;
		}

	#footer-logo {
		font-size: 27px;
		}

	.share-buttons .share {
		width: 45px;
		height: 45px;
		background-size: 45px !important;
		}

	p.big-mid-title {
		font-size: 24px;
		}

	.big-mid-title.top-line:before {
		width: 32px;
		}

	.box .award {
		width: 140px;
		height: 140px;
		}

	.box h3.award-title {
		font-size: 12px;
		}

	.square.big {
		width: 390px;
		height: 390px;
		}

	.medium-text-holder {
		width: 510px;
		}

	.medium-text-holder h2 {
		font-size: 30px;
		}

	.medium-text-holder p {
		font-size: 13px;
		}
	}

@media screen and (max-width: 1130px) {
	#cover h1 {
		font-size: 44px;
		}

	.holder, .sm-holder {
		width: 90%;
		}

	.quincy-kools {
		margin-right: 70px;
		}

	.quincy-kools .dots {
		right: -50px;
		}

	.holder .boxes.three .box {
		width: 250px;
		}

	.square {
		width: 300px;
		height: 300px;
		margin-right: 30px;
		}

	.square .dots {
		width: 300px;
		height: 300px;
		}

	.holder .testimonials.three .testimonial {
		width: 280px;
		}

	p.text {
		width: 800px;
		}

	#cover #arrow-down {
		width: 50px;
		height: 50px;
		background-position: 0 50px;
		bottom: -25px;
		}

	@-webkit-keyframes arrow-down-animation {
		0% {
			background-position: 0 48px;
			}
		50% {
			background-position: 0 52px;
			}
		100% {
			background-position: 0 48px;
			}
		}

	@-moz-keyframes arrow-down-animation {
		0% {
			background-position: 0 48px;
			}
		50% {
			background-position: 0 52px;
			}
		100% {
			background-position: 0 48px;
			}
		}

	@-ms-keyframes arrow-down-animation {
		0% {
			background-position: 0 48px;
			}
		50% {
			background-position: 0 52px;
			}
		100% {
			background-position: 0 48px;
			}
		}

	@-o-keyframes arrow-down-animation {
		0% {
			background-position: 0 48px;
			}
		50% {
			background-position: 0 52px;
			}
		100% {
			background-position: 0 48px;
			}
		}

	@keyframes arrow-down-animation {
		0% {
			background-position: 0 48px;
			}
		50% {
			background-position: 0 52px;
			}
		100% {
			background-position: 0 48px;
			}
		}

	#footer .row {
		margin-right: 100px;
		}

	.share-buttons .share {
		margin-left: 28px;
		}
	}

@media screen and (max-width: 1050px) {
	#slash {
		width: 5000px;
		position: fixed;
		font-family: "Poppins";
		font-weight: 400;
		font-size: 118px;
		color: #fff;
		z-index: 94;
		opacity: 0.15;
		left: 0;
		bottom: 40px;
		}

	#slash.show {
		display: block;
		}

	#header ul#menu {
		width: 400px;
		height: 70%;
		position: fixed;
		z-index: 95;
		display: none;
		counter-reset: custom-counter;
		overflow: auto;
		top: 30%;
		left: 20px;
		}

	#header ul#menu.show {
		display: block;
		}

	#header ul#menu a {
		display: block;
		margin-bottom: 30px;
		}

	#header ul#menu li {
		opacity: 0;
		margin-top: -20px;

		-webkit-transition: all .3s ease;
		}

	#header ul#menu li.show {
		opacity: 1;
		margin-top: 0;
		}

	#header ul#menu li:before {
		color: #fff;
		opacity: 0.7;
		content: counter(custom-counter) ".";
		counter-increment: custom-counter;
		margin-right: 10px;
		}

	#header ul#menu li {
		font-size: 13px;
		color: #fff;
		letter-spacing: 0.7px;
		display: block;
		counter-increment: step-counter;
		}

	#header ul#menu li:hover {
		color: #fff;
		}

	#header ul#menu a.current li {
		color: #8f2f00;
		}

	#header ul#menu a.current li:before {
		text-decoration: underline;
		}

	#mobile-menu {
		display: block;
		}

	#header ul#menu {
//		display: none;
		}

	#cover .left, #cover .center, #cover .right {
		width: 100%;
		}

	.block .holder, .block .sm-holder {
		padding: 50px 0;
		}

	.sm-text-holder {
		width: 100%;
		}

	.sm-text-holder.center {
		position: relative;
		-ms-transform: none;
		transform: none;
		margin-top: 60px;
		top: 0;
		}

	.quincy-kools {
		width: 240px;
		float: left;
		margin-left: -120px;
		left: 50%;
		}

	.dots {
		width: 180px;
		height: 180px;
		right: -30px;
		}

	p.text {
		width: 100%;
		}

	.medium-text-holder {
		width: 100%;
		margin-left: 0;
		}

	.medium-text-holder h2 {
		margin-bottom: 10px;
		}

	.medium-text-holder p {
		line-height: 210%;
		}

	.square.big {
		width: 100%;
		float: left;
		display: inherit;
		margin-left: 0;
		}

	.square {
		margin-bottom: 20px;
		}

	.square {
		width: 90%;
		height: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 0;
		}

	.square .border {
		border: 9px solid #1bde69;
		top: -20px; right: -20px;
		}

	.square .dots.with-border {
		left: -20px; bottom: -20px;
		}

	h2.biggest-mid-title.bottom-line {
		margin-bottom: 20px;
		}

	.biggest-mid-title.bottom-line:after {
		margin: 20px auto 0 auto;
		}

	.testimonials.big .testimonial {
		width: 100%;
		}

	.testimonials p {
		font-size: 12px;
		}

	.testimonials .person {
		width: 50px;
		}

	.cards .card {
		float: none;
		}

	.cards.two .card {
		display: block;
		padding-bottom: 5px;
		margin-bottom: 50px;
		}

	.holder .boxes.three .box {
		display: block;
		}

	.holder .testimonials.three .testimonial {
		width: 94%;
		margin-left: 3%;
		}

	p.big-mid-title {
		margin-bottom: 20px;
		}
	}

@media screen and (max-width: 900px) {
	.share-buttons .share {
		width: 40px;
		height: 40px;
		background-size: 40px !important;
		margin-left: 22px;
		}
	}

@media screen and (max-width: 870px) {
	#footer {
		margin-top: 40px;
		padding-bottom: 80px;
		}

	#footer .row {
		float: none;
		display: block;
		margin-top: 50px;
		margin-right: 0;
		}

	#footer .row.right {
		float: none;
		}

	#footer p.title {
		margin-bottom: 10px;
		}

	.footer-menu a {
		margin-bottom: 18px;
		}

	.share-buttons {
		display: inline-block;
		margin-top: 10px;
		}
	}

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

	#header #logo {
		font-size: 26px;
		margin-top: -14px;
		}

	#cover {
		height: auto;
		}

	#cover .sm-holder {
		-ms-transform: none;
		transform: none;
		padding-top: 130px;
		padding-bottom: 170px;
		}

	#cover .mini-title {
		font-size: 7px;
		}

	#cover h1 {
		font-size: 35px;
		line-height: 150%;
		}

	.cards.two .card {
		width: 94%;
		margin-left: 3%;
		}

	.button {
		font-size: 12px;
		margin-top: 60px;
		}

	.button.arrow:after {
		width: 35px;
		height: 35px;
		}

	.sm-text-holder h2, .headline h2 {
		font-size: 23px;
		letter-spacing: 0.4px;
		line-height: 150%;
		margin-bottom: 20px;
		}

	.sm-text-holder p {
		line-height: 220%;
		margin-bottom: 20px;
		}

	.dots.in-between {
		height: 50px;
		margin-top: -25px;
		}

	.dots.in-between.y-medium {
		height: 50px;
		width: 85px;
		margin-top: -25px;
		}

	.circle {
		width: 54px;
		height: 54px;
		background-size: 54px;
		margin-left: -27px;
		bottom: -27px;
		}

	h1.biggest-mid-title, h2.biggest-mid-title {
		font-size: 26px;
		}

	p.text {
		font-size: 13px;
		line-height: 240%;
		}

	.contact {
		width: 96%;
		}

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

	#contactForm .contactHolder input, #contactForm textarea {
		padding-bottom: 8px;
		}

	#verstuur {
		font-size: 14px;
		padding: 14px 30px;
		}
	}