body {
	background-color: white;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

@media screen and (min-width: 700px) {
	body {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
}

header {
	text-align: center;
	width: 100%;
}

p, blockquote {
	font-size: larger;
}

testimonial {
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px black solid;
}

testimonial[right] {
	flex-direction: row-reverse;
}

testimonial blockquote {
	flex-grow: 1;
}

testimonial[right] blockquote {
	text-align: left;
}

testimonial blockquote cite {
	display: inline-block;
	width: 100%;
	text-align: right;
}

testimonial img {
	width: 256px;
}

gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
}

gallery div {
	display: flex;
	flex-direction: column;
	flex: 1 1 196px;
	max-height: 320px;
	border: 1px solid black;
	height: auto;
	text-align: center;
}

gallery div img {
	max-width: 100%;
	max-height: 50%;
	margin: auto;
}

gallery div a {
	color: black;
}

footer {
	margin-top: 128px;
	margin-bottom: 128px;
	text-align: center;
}

.centered-image {
	display: flex;
}

.centered-image img {
	margin: auto;
	max-width: min(512px, 100%);
}

img {
	max-width: 100%;
}