
#header-image img {
	display: block; margin: 0 auto;
}
#header-image { margin-top: -10px; }
@media (min-width: 345px) { #header-image {
	float: right; margin: -75px 0 5px 15px;
} }
@media (min-width: 345px) and (max-width: 1000px) { #header-image {
	margin-top: calc(-50px - 2.5vw);
} }

.tile { /* two columns */
	overflow: hidden;
	margin: 40px 20px;
}
.tile * {
	overflow-wrap: break-word;
}

.tile .photo {
	float: left; margin: 0 20px 10px 0;
	object-fit: cover; font-family: 'object-fit: cover;';
}
.tile .photo { width: 250px; height: 375px; }
.tile>div { padding: 50px 0 0 0; }
@media (max-width: 930px) { /* shrink photo, lift text up */
	.tile .photo { width: 30vw; height: 45vw; }
	.tile>div { /*padding: calc(30vw - 130px) 0 0 calc(38vw + 20px);*/ }
}
@media (max-width: 500px) { /* push photo down */
	.tile .photo { margin-top: calc(100px - 20vw); }
}

.tile .name {
	color: #a15084; font-weight: bold;
}
.tile .position {
	font-weight: bold;
}
.tile .description {
	/*overflow: hidden;*/ /* flow as block */
	/*min-width: 300px;*/
}

#content {
	margin-bottom: 35px;
}
