.vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events:none; }
.modal-content { width:inherit; height:inherit; margin: 0 auto; pointer-events:all; }
.modal-backdrop.in { opacity: 0.85; }
.modal-header { position: absolute; width: 40px; height: 40px; right:0; top:0; z-index:200; border:none; padding:10px; }
.modal-body { padding:0; }
.modal-content { width: 600px; height: auto; overflow: hidden; }
.modal-foto { float: right; margin-top:-120px; width:630px; height: 260px; border-radius: 30px; -ms-transform: rotate(6deg); /* IE 9 */ -webkit-transform: rotate(6deg); /* Safari */ transform: rotate(6deg); overflow: hidden; }
.modal-foto-inner { width:640px; height: 400px; background:url('/wp-content/themes/schonewille-deurne/images/fotopand.jpg') center 0; background-size:cover; display: block; border-radius: 30px; -ms-transform: rotate(-6deg); /* IE 9 */ -webkit-transform: rotate(-6deg); /* Safari */ transform: rotate(-6deg); }
.modal-foto-overlay { position: absolute; width:880px; height: 400px; opacity: 0.6; }
.modal-foto-overlay svg { width: 100%; }
.modal-maakkennis { font-size: 28px; line-height: 34px; color:#fff; position: absolute; bottom:145px; right:50px; font-family: 'Open Sans', sans-serif; letter-spacing: -1px; font-weight: 800; text-align: right; }
.modal-maakkennis span { font-family: 'Roboto Condensed', sans-serif; display: block; font-weight: 300; font-family: 30px; }
.modal-text { float: left; padding:20px 50px 40px 50px; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; color:#263680; font-weight: 300; width: 100%; }
.modal-text h3 { font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 28px; font-size: 22px; margin:0 0 25px 0;  }
.modal-text p { margin:0 0 25px 0; }
.modal-logo { display: flex; align-items: center; font-family: 'JournalRegular'; font-size: 34px; line-height: 30px; }
.modal-logo img { margin-left: 50px; width: 220px; }
.modal-button-container { float: right; margin:0 -40px 0 40px; }
.modal-button { background:url('/wp-content/themes/schonewille-deurne/images/button.svg') no-repeat; background-size: cover; width:205px; height: 195px; display: flex; align-items: center; justify-content: center; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 32px; font-size: 24px; letter-spacing: -1px; color:#000; text-align: center; -ms-transform: rotate(6deg); /* IE 9 */ -webkit-transform: rotate(6deg); /* Safari */ transform: rotate(6deg); }
.modal-button:hover { color:#213b77; text-decoration: none; }
.modal .close { font-size: 30px; color:#fff; opacity: 1; }


@media (max-width: 768px) {
	.modal-content { width: 95%; }
	.modal .close { color:#000; }
	.modal-text { padding:25px 25px 25px 25px; font-size: 15px; }
	.modal-logo { flex-direction: column; align-items: flex-start; }
	.modal-logo img { margin:0 0 20px 0;}
	.modal-logo img { margin-top:20px; }
}
@media (min-width: 768px) {
	.modal-text h3 {
		font-size: 24px;
		line-height: 33px;
		width: 70%;
	}
}
@media (min-width: 992px) {
	.modal-content { width: 800px; }
	.modal-foto { height: 330px; width: 830px; }
	.modal-foto-inner { width:840px;  background:url('/wp-content/themes/schonewille-deurne/images/fotopand.jpg') center -40px; background-size: cover; }
	.modal-maakkennis { font-size: 38px; line-height: 44px; bottom:100px; }
	.modal-button-container { margin: -20px -70px 0 40px;}
	.modal-button { width:285px; height: 275px; font-size: 40px; line-height: 46px; }
	.modal-text { padding:20px 50px 50px 50px; }
	.modal-text h3 { width: 60%; }
}