header {
	position: absolute;
}
#landing {
	background: url(/images/bg-madam-lge.jpg) #8E7B89;
	height: 180vw;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
}
@media (min-width:641px) {
	#landing {
		background: url(/images/bg-madam-lge-large.jpg) #8E7B89;
		width: 100%;
		height: 78vw;
		align-items: center;
	}
	#landing>* {
		/*background-color: yellow;*/
		width: 50%;
		margin-left: 50%;
		margin-top: 30%;
	}
}
@media (min-width:1281px) {
	#landing {
		height: 65vw;
	}
}

#landing .script {
	max-width: 500px;
}

#about figure {
	margin: 0;
	width: 80%;
	margin: auto;
}
#about figcaption {
	text-align: left;
	margin-top: 0.5em;
	font-style: italic;
}
@media (min-width:1025px) {
	#about .text {
		width: 50%;
		float: left;
	}
	#about .photo {
		width: 50%;
		float: right;
	}
}




#bot #intro {
	margin-bottom: var(--header-height);
}
#bot #intro p,
#trustees p {
	font-size: 0.8em;
}
#trustees img {
	max-width: 120px;
	border-radius: 50%;
	margin-bottom: 1em;
}
#bot h6 {
	text-align: left;
}
#trustees>div {
	margin-bottom: var(--header-height);
}
#trustees div:last-child {
	margin-bottom: 0;
}
@media (min-width:901px) {
	#bot #intro {
		padding-right: var(--padding-lr);
		width: 33.3333%;
		float: left;
	}
	#bot #trustees {
		padding-left: var(--padding-lr);
		width: 66.6666%;
		float: right;
	}
	#trustees div.photo {
		float: left;
	} 
	#trustees div.text {
		width: calc(100% - 120px);
		float: right;
		padding-left: var(--padding-lr);
	}
}