@charset "UTF-8";
.greetings { padding:4rem 0;}
	.greetings p { padding:1rem 0; font-size:1.4rem;}
		.greetings p img.name { width: 200px; height: 20px;}
	.philosophy { border: 1px solid #CCC; padding:2rem 2rem; margin-top: 4rem; }
		.philosophy h3 { padding:.5rem 0; font-size:1.6rem; }
		.philosophy ol { padding:0 0 0 1em; margin:0 0 0 1em; list-style: decimal;}
		.philosophy li { padding:.5rem 0; font-size:1.4rem; }


.profile { }
	.profile table { width:100%;}
		.profile th { font-size:1.4rem; text-align: left;}
		.profile td { font-size:1.4rem;}
		.profile td a { color:#333; text-decoration: none;}

.accessmap { padding:0 0 4rem 0;}
	.accessmap h3 { padding:2rem 0 1rem 0; font-size:1.4rem; font-weight: normal;}
		.accessmap h3 strong { font-size: 1.6rem;}
	.accessmap iframe { margin-top:1rem; }

/* responsible settings */
@media all and (min-width:320px){
	/* 320px+ settings */
	.greetings { padding:2rem 0;}
		.philosophy { background: url("images/image.jpg") no-repeat center; background-size: contain;}
	.profile { padding:2rem 0;}
		.profile th { display: block; padding-top:1rem;}
		.profile td { display: block; padding-bottom:1rem; }
	.accessmap iframe { width: 100%; height: 400px;}
}

@media all and (min-width:640px){
	/* 640px+ settings */
}

@media all and (min-width:960px) {
	/* 960px+ settings */
	.greetings { padding:2rem 4rem; padding-right: 460px; background: url("images/image.jpg") no-repeat right top;}
		.philosophy { background: none; padding:2rem 4rem;}
	.profile { padding:2rem 4rem;}
		.profile th { display: table-cell; padding: 1rem 0; width:12em; vertical-align: top;}
		.profile td { display: table-cell; padding: 1rem 0; vertical-align: top;}
	.accessmap { padding:2rem 4rem;}
		.accessmap iframe { height: 500px;}
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}