@charset "utf-8";

/* Algemeen */
* {
	margin:0;
	padding:0;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;
	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	-ms-transition-timing-function:ease;
	transition-timing-function:ease;
	transition-timing-function-timing-function:ease;
} html,
  body {
	height:100%;
	min-height:100%;
	width:100%;
	min-width:980px;
} html {
	background-color:#e8cec4;
	scroll-behavior:smooth;
} img {
	border:none;
} ::-moz-selection {
	background-color:#af6046;
	color:#fff;
} ::selection {
	background-color:#af6046;
	color:#fff;
} .end {
	margin-bottom:0 !important;
	padding-bottom:0 !important; }

/* Wrapper */
#wrapper {
	display:table;
	height:auto !important;
	min-height:100%;
	height:100%;
	width:100%;
	background:rgb(232,206,196,1);
	background:radial-gradient(circle, rgba(241,231,226,1) 0%, rgba(232,206,196,1) 100%);
} #container {
	display:table-cell;
	width:980px;
	padding:0 50px;
	vertical-align:middle;
	box-sizing:border-box; }

/* Content */
#logo,
#content {
	width:100%;
	opacity:0;
	display:block;
	margin:0 auto;
	max-width:600px;
	text-align:center;
} #content {
	padding-top:20px; }

/* Typografie en afbeeldingen */

	/* Algemeen */
	html,
	body {
		font-family:'Karla', sans-serif;
		color:#040014;
		font-size:1em;
		line-height:1.5em;
	} h1 {
		font-size:1.5em;
		font-weight:600;
		line-height:1.3em;
		letter-spacing:0.10em;
	} h2 {
		color:#17065a;
		font-size:1.3em;
		font-weight:600;
		line-height:1.3em;
		letter-spacing:0.09em;
	} h3 {
		font-size:1em;
		font-weight:300;
		letter-spacing:0.04em;
		word-spacing:0.06em;
		padding-bottom:20px;
	} h4 {
		font-size:1em;
		font-weight:bold;
		letter-spacing:0.04em;
		word-spacing:0.06em;
	} p {
		font-size:1em;
		font-weight:300;
		line-height:1.7em;
		margin-bottom:20px;
		letter-spacing:0.04em;
		word-spacing:0.06em;
	} ul,
	  ol {
		margin:-10px auto 15px auto !important;
		padding-left:20px;
		box-sizing:border-box;
		list-style-type:square;
	} ol {
		list-style-type:decimal;
	} ul li,
	  ol li {
		margin-bottom:5px;
	} p a,
	  ul a,
	  h3 a,
	  ul a,
	  ol a {
		color:#0c003c;
		text-decoration:underline;
		transition:color 0.25s;
	} a.phone {
		text-decoration:none;
	} p a:hover,
	  ul a:hover, 
	  h3 a:hover,
	  ul a:hover,
	  ol a:hover {
		color:#af6046; }

	/* Content */
	#logo img {
		width:200px;
		height:auto;
		vertical-align:middle;
	} #content img {
		width:40px;
		height:auto;
		margin:0 5px;
		vertical-align:middle; }

/* Responsive styles */
@media only screen and (min-width: 0px) {
	html,
	body {
		min-width:100%;
	} #container {
		width:100%;
		padding:30px;
	} #content img {
		width:40px;
		height:auto;
		vertical-align:middle;
	} a.phone {
		text-decoration:underline; } }

@media only screen and (min-width: 720px) {
	#logo img {
		width:200px;
	} #content img {
		width:30px;
		height:auto;
		vertical-align:middle;
	} a.phone {
		text-decoration:none; } }

@media only screen and (min-width: 820px) {
	#container {
		padding:50px; } }

@media only screen and (min-width: 980px) {
	html,
	body {
		min-width:980px;
	} #container {
		width:980px; } }