.post, .page {
	margin:0px;
	padding:0px;
}
#page {
	display:flex;
	align-items: flex-start;
	justify-content:flex-end;
}
#site-content {
	flex: 0 0 calc( 100% - 400px );
	max-width:calc( 100% - 400px );
}
#masthead {
	flex: 0 0 400px;
	max-width:400px;
	min-height:100vh;
	border-right:1px solid #CCCCCC;
	padding:40px;
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	position: fixed;
	top:0;
	left:0;
}
#masthead  > * {
	flex: 0 0 100%;
	max-width:100%;
}
#masthead .site-branding {
	align-self: flex-start;	
}
#masthead .logo-klant {
	max-width: 220px;
    max-height: 69px;
}
#masthead .neem_contact_op {
	align-self: flex-end;
}
#masthead .neem_contact_op a{
	color: var(--main-color);
	border:1px solid var(--main-color);
	display:inline-block;
	padding:6px 20px;
	border-radius:50px;
	text-decoration:none;
}
#masthead #site-navigation h3 {
	font-weight:400;
	color: #B6B6B6;
	font-size:18px;
	margin-bottom:5px;
}
#masthead #site-navigation ul {
	flex-wrap:wrap;
	margin-bottom:40px;
}
#masthead #site-navigation li {
	flex:0 0 100%;
	max-width:100%;
}
#masthead #site-navigation a {
	font-size:18px;
	font-weight:400;
	padding:7px 10px;
	color: #5F5F5F;
}
#masthead #site-navigation li.current-menu-item a  {
	color: var(--main-color);
}
a {
	text-decoration:none;
	color: var(--main-color);
}


h1 {
	font-size:60px
}

h2, h3   { 
	font-size: 36px;
	line-height: 40px; 
}
.site-info {
	padding:15px;
	text-align:center;
}

@media all and (max-width:1300px) {
	#masthead {
		flex: 0 0 250px;
		max-width:250px;
	}
	#site-content {
		flex: 0 0 calc( 100% - 250px );
		max-width:calc( 100% - 250px );
	}
}