/*colour presets*/
:root {
background-color: #16f4d0;
--pri-col: #ffffff; 	
--sec-col: #e6af2e;
--ter-col: #4d7c8a;
--footer-col: #2c4ca3;


/*frame presets*/

--frame-height: 500px;
--frame-width: 300px;
--frame-margin: 2px;
--filler-width: calc((100% - (10 * var(--frame-margin)) - var(--frame-width)) / 2);
}
 

body{
	clear: both;
	margin: 10%;
	font-family: sans-serif;
	display: inline-flex;
}
/*title properties*/

h1{
	font-size: 42px;
	color: var(--pri-col);
}
h2{
}
h3{
	font-size: 300%;
	color: var(--pri-col);
}
h4{
	font-size: 23px; 
	color: white;
}
h5{
	font-size: 18px;
	color: white;
}
/*paragraph and list properties*/

p{
	font-size: 26px;
	color: var(--pri-col); 
}
ul{
	list-style-type: none;
	font-size: 26px;
	color: var(--pri-col);
}

.list_footer_links{
	font-size: 14px;
	
	color: var(--footer-col);
}

#nav{
	margin: 2%;
	padding: 4px; 
	text-align: center;
	font-size: 24px;
	color: #222c66;
	display: inline-flex;
}

/*body frame properties*/
.filler{
	float: left;
	height: var(--frame-height);
	width: var(--filler-width);
	background-color: var(--pri-col);
}
.frame{
	float: left;
	height: var(--frame-height);
	width: var(--frame-width);
	margin-right: var(--frame-margin);
	margin-left: var(--frame-margin);
}


#frame_text{
	color: transparent;
}
#frame_photo{
   background-image:url(https://buyersguide.caranddriver.com/media/assets/submodel/8587.jpg);
   background-position: center;
}
#frame_slogan{
	background-color: color: transparent;
}
#frame_title_solidcolour_bg{
	background-color: var(--ter-col);
}

#frame_klantencase_solidcolour_o{
	background-color: var(--sec-col);
}
#frame_quote_solidcolour_b{
	background-color: var(--pri-col);

}

footer{
	background-color: var(--pri-col);
	clear: both;
}

.footer_links{
	float: left
	width: 5%;
}
#footer_diensten{
	clear: both;
}