/*
 * style for about page
 */

/* top level */

main.about {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	max-width: 100vw;
	min-height: 33vw;
}

main.about div {
	flex: 1;
	padding: 0 0.5em;
}

main.about.rest {
	padding-bottom: 0;
}

main.about div.photos {
	min-width: 40vw;
	padding-left: 0.25em;
}

main.about.rest div.photos {
	flex: 1;
	margin-bottom: -0.2em;
	min-width: auto;
	padding-left: 0;
}

main.about div.text {
	display: flex;
	flex-flow: column;
}

main.about.rest div.text {
	flex: 2;
}

/* photos */

main.about div.photos img {
	width: 100%;
}

/* text */

main.about div.text blockquote {
	flex: 1;
}

main.about div.text blockquote.sole {
	margin-top: 3em;
}

main.about div.text div {
	flex: 2;
}

main.about div.text p {
	flex: 1;
	margin: 0;
	padding: 1em 0.25em 1em 0;
	text-align: justify;
}

main.about div.text p em {
	color: #61222d;
}

main.about.rest div.text div.citation h3 {
	margin-bottom: 0.3em;
}