header {
	text-align: center;
}

figure {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	position: relative;
}

main {
	float: unset;
}

main img {
	padding: 20px 20px 0px 20px;
}

main img:first-of-type {
	max-width: 30%;
}

main img:last-of-type {
	max-width: 40%;
	flex-grow: 2;
}

@media screen and (max-width: 700px) {
	figure {
		flex-direction: column;
	}

	main img:first-of-type {
		max-width: 50%;
	}

	main img:last-of-type {
		max-width: 70%;
	}
}