.page-intro {
	text-align: center;
	a { text-decoration: underline; }
	margin-top: 3rem;
	margin-bottom: 1rem;
	font-size: 120%;
}

main {
    overflow: auto;
	width: 98vw;
	margin-left: auto;
	padding-right: 1vw;
	aside {
		text-align: center;
	}
	.main_upper {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.main {
		display: flex;
		flex-direction: column;
		min-height: 60vh;
	}
}



@media (min-width: 640px) {
	.main {
		width: 89%;
		margin-left: auto;
		margin-right: auto;
		aside {
			text-align: right;
			min-width: 20%;
			margin-left: 1vw;
		}
		.main_upper {
			flex-direction: row;
			justify-content: space-between;
		}
	}
}