/* Banner */
#banner { background: #42bfb5; padding: 75px 20px; text-align: center; }
h1 { margin: auto; font: 700 26pt 'Arial Rounded', 'Arial', sans-serif; text-shadow: none; text-transform: none; color: #fff; width: 1000px; max-width: 100%; }

/* Main content */
main.container { max-width: 90%; margin: 0 auto 40px; }
main iframe { display: block; margin: 70px auto; max-width: 100%; height: 700px; height: 315px; }
main > div { height: 154px; width: 540px; max-width: 100%; line-height: 1.3; padding: 44px 0 0 128px; background: no-repeat url( '../../images/pages/about/bg/nijkerk-group.png' ) bottom left; box-sizing: border-box; }
main > div b { display: block; }
main > div p { margin: 0; }
main section { border-top: 2px solid #42bfb5; padding: 45px 0 0; }
main section:after { clear: both; content: ' '; display: block; }
main section div { float: left; width: 29%; line-height: 1.4; }
main section div:last-of-type { float: right; width: 64%; }
main h2 { color: #42bfb5; margin: 0 0 7px; line-height: 1.2; }

/* Benefits */
main aside { font-size: 0; margin: 60px -32px 90px; text-align: center; display: none; }
main aside div { font-size: 13pt; display: inline-block; vertical-align: top; background: no-repeat url( '../../images/pages/about/bg/quick-and-paperless.png' ) center 6px; margin: 0 32px; padding: 111px 0 0; }
main aside div:nth-of-type( 2 ) { background-image: url( '../../images/pages/about/bg/secure.png' ); }
main aside div:last-of-type { background: no-repeat url( '../../images/pages/about/bg/worldwide-access.png' ) center top; }

@media (max-width: 970px) {
	#banner { padding: 52px 20px; }
	h1 { font-size: 23pt; }
	
	main aside { margin: 60px -13px 50px; }
	main aside div { width: 200px; margin: 0 13px 40px; }
}

@media (max-width: 900px) {
	main iframe { margin: 30px auto 50px; }
}

@media (max-width: 800px) {
	main section { padding: 25px 0 0; }
	main section div, main section div:last-of-type { float: none;	width: 100%; }
	
	main aside { margin: 40px 0 20px; }
}

@media (max-width: 620px) {
	#banner { padding: 40px 20px; }
	h1 { font-size: 20pt; }
	
	main iframe { height: 50vw; }
}

@media (max-width: 600px) {
	main aside div { font-size: 12pt; }
}

@media (max-width: 490px) {
	main > div { padding: 0 0 0 115px; font-size: 11pt; }
}

@media (max-width: 420px) {
	#banner { padding: 40px 20px; }
	h1 { font-size: 18pt; }
}