@font-face {
    font-family: 'Goblock';
    src: url('../Goblock.woff2') format('woff2'), /* Modern Browsers */
         url('../Goblock.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
.anton-regular {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5 {
	font-size:inherit;
	font-weight:inherit;
	font-variant:inherit;
	padding:0px;
	margin:0px;
	display:inline;
	text-decoration:none;
}
.container {
    position: relative;
    height: 100vh;
    min-height: calc(48vw);
    width: 100%;
    background-color: #d19543;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap;
}
.left, .right {
    position:relative;
    float:left;
    width:50%;
}
.background {
	position:absolute;
	top:-125%;
	left:-190%;
	width:250%;
	height:250%;
	background-color:#0f0e0f;
	border-radius:2000px;
}

.titel {
	position:absolute;
	top:50px;
	left:0px;
	width:100%;
	text-align:center;
	z-index:10;
	color:#d19443;
	font-family: 'Goblock';
	text-transform: uppercase;
	font-size:52px;
}

.subtitel {
	position:relative;
	float:left;
	width:100%;
	margin-top:22.5%;
	text-align:center;
	z-index:10;
	color:#FFFFFF;
	font-family: 'Goblock';
	text-transform: uppercase;
	font-size:82px;
	line-height:78px;
}
.subtitel span {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.afbeelding {
	position:relative;
	float:left;
	width:100%;
	margin-top:-14%;
}
.afbeelding img {
	position:relative;
	float:left;
	width:75%;
	margin-left:15%;
}
.afbeelding2 {
	position:relative;
	float:left;
	width:100%;
	margin-top:-2%;
	z-index:15;
}
.afbeelding2 img {
	position:relative;
	float:left;
	width:45%;
	margin-left:25%;
}

.cta {
	position:absolute;
	top:70%;
	width:100%;
	text-align:center;
	z-index:20;
}
.cta_titel {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	font-size:52px;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family: 'Goblock';
}
.cta_button {
	position:relative;
	float:left;
	padding:10px 30px;
	border:2px solid #d19543;
	font-size:22px;
	color:#FFFFFF;
	text-transform: uppercase;
	cursor:pointer;
	text-decoration: none;
}
.cta_button:hover {
	background-color:#d19543;
}
.cta_btn_container {
	position:relative;
	float:left;
	width:100%;
	margin-top:16px;
	display:flex;
	justify-content: center;
}
.cta_notice {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	margin-top:7%;
	font-size:14px;
}

.right .cta_button {
	border:2px solid #FFFFFF;
	color:#000000;
}
.right .cta_button:hover {
	background-color:#FFFFFF;
}
.right .cta_titel {
	color:#000000;
}
.right .cta_notice {
	color:#000000;
}


@media (max-width: 2200px) {
    .container {
        min-height: calc(46vw);
    }
    .titel {
    	font-size:42px;
    }
    .subtitel {
    	font-size:62px;
    	line-height:60px;
    	margin-top:20%;
    }
    .cta_titel {
    	font-size:42px;
    }
    .cta_button  {
    	font-size:20px;
    }
    .cta_notice {
    	margin-top:7%;
    }
}

@media (max-width: 1800px) {
	.container {
        min-height: calc(54vw);
    }
    .cta {
    	top:67.5%;
    }
    .cta_notice {
    	margin-top:5%;
    }
}

@media (max-width: 1400px) {
	.container {
        min-height: calc(54vw);
    }
	.titel {
		font-size:32px;
	}
	.subtitel {
		font-size:42px;
		line-height:40px;
	}
	.cta_titel {
		font-size:32px;
	}
	.cta_button {
		font-size:18px;
	}
}
@media (max-width: 1000px) {
	.titel {
		font-size:22px;
	}
	.subtitel {
		font-size:26px;
		line-height:26px;
	}
	.cta {
		top:60%;
	}
	.cta_titel {
		font-size:26px;
	}
	.cta_button {
		font-size:16px;
		padding:6px 18px;
	}
	.cta_notice {
		font-size:12px;
	}
}

@media (max-width: 850px) {
	.background {
		display:none;
	}
	.container {
		height:auto;
		min-height:100vh;
	}
	.left, .right {
		position:relative;
		float:left;
		width:100%;
	}
	.left {
		background-color:#0f0e0f;
	}
	.box_content {
		position:relative;
		float:left;
		width:100%;
	}

	.titel {
		font-size:32px;
	}
	.subtitel {
		margin-top:125px;
	}
	.subtitel {
		font-size:42px;
		line-height:40px;
	}
	.right .subtitel {
		margin-top:75px;
	}
	.cta {
		position:relative;
		float:left;
		top:auto;
		margin-top:-27.5%;
		margin-bottom:50px;
	}
	.right .cta {
		margin-top:-2%;
	}
}

@media (max-width: 500px) {
	.afbeelding img {
		width:90%;
		margin-left:5%;
	}
	.afbeelding2 img {
		width:55%;
		margin-left:22%;
	}
}