html * {box-sizing: border-box;}

body {
	font-family: system-ui,sans-serif;
	font-size: 100%;
	line-height: 135%;
}

ul.top-links {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
}

.top-links li {
	min-width: 8em;
	text-align: center;
}

@media (min-width:800px) {
	
	main {
		display: flex;
		flex-direction: row;
		margin: calc(2vw * 2);
	}
	

	main>p {
	margin: 1.35em 1em;
	width: 50%;
	flex: 2 1 50%
	
	}
	
	main>p: first-child {
		flex-basis: 75%;
	}
	
}