.page-intro {
	text-align: center;
	a { text-decoration: underline; }
	margin-top: 3rem;
	margin-bottom: 1rem;
	padding-right: 1.1rem;
	font-size: 150%;
}
	
main {
	flex-grow: 1;
    overflow: auto;
	width: 98vw;
	margin-left: auto;
	margin-right: auto;
	min-height: 90vh;
}

aside {
	text-align: center;
}

.main_upper {
	display: flex;
	flex-direction: column;
}

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

}
@media (min-width: 1024px) {
	.main {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}

}
@media (min-width: 1280px) {
	.main {
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}

}
@media (min-width: 1920px) {
	.main {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}

}