.picarea {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10ex;
	display: grid;
	grid-template-areas:
		"titlebox titlebox titlebox"
		"... bird ..."
		"... infoarea ..."
		;
	grid-template-columns: 20% 60% 20%;
	grid-template-rows: max-content max-content max-content;
	grid-row-gap: .5em;
}

.titlebox {
	grid-area: titlebox;
	text-align: center;
	font-family: sans-serif;
}

.caption {
	font-style: italic;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5ex;
	padding: .5ch;
	text-align: center;
}

.pic {
	grid-area: bird;
	height: 100%;
	width: 100%;
}

.pic img {
	margin-left: auto;
	margin-right: auto;
	max-height: 100%;
	max-width: 100%;
	border: solid 3px;
	border-color: saddlebrown;
	display: block;
}

.infoarea {
	grid-area: infoarea;
	display: grid;
	grid-template-areas:
		"ldata ... rdata"
		;
	grid-template-columns: 35% 5% 60%;
	font-size: 75%;
}

.ldata {
	grid-area: ldata;
	text-align: left;
}

.rdata {
	grid-area: rdata;
	text-align: right;
}