@media screen and (max-width: 1024px) {

	body {
		display: flex;
		flex-direction: column;
	}
	
	div.gallery {
		flex-direction: column;
	}
	
	div.picture img {
		height: unset !important;
		width: 100% !important;
	}
	
}

body {
	display: flex;
	flex-direction: column;
}

body > * {
	margin: 0 auto;
}

a.block {
	display: block;
}

div.gallery {
	display: flex;
	padding: 20px;
}

div.picture {
	display: flex;
	flex-direction: column;
}

div.picture:hover {
	scale: 1.25;
}

div.picture > * {
	margin: 0 auto;
}

div.picture img {
	display: block;
	height: 200px;
}

div.number {
	font-family: Times;
	font-size: 32px;
	text-align: center;
	height: 1.5em;
}

div.sonnet {
	display: grid;
}

div.group {
	display: grid;
	margin: 10px;
}

