p {
	text-indent: 1rem;
	margin: 0;
}

h4 {
	font-size: 1rem;
	font-weight: normal;
	text-align: left;
	width: 25%;
	margin-left: calc( 75% / 2);
	padding: 1rem;
	border: thin solid black;
}

.sept-name-list {
	column-count: 7;
	column-gap: 1rem;
	-moz-column-count: 7;
	-moz-column-gap: 1rem;
	-webkit-column-count: 7;
	-webkit-column-gap: 1rem;
	overflow: auto;
}

	.sept-name-list h2 {
		text-align: center;
		column-span: all;
		-webkit-column-span: all;
	}

	.sept-name-list ul {
		margin: 0;
		border: thin
	}

		.sept-name-list ul li {
			list-style-type: none;
		}

			.sept-name-list ul li a {
				font-family: 'Meath';
				font-size: 1.5rem;
				text-decoration: none;
			}

.minor-houses-list {
	width: 100%;
	padding: 3rem 0 0 5rem;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}

.house {
	height: 15rem;
	width: 20rem;
	padding: 0;
	margin: 0;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

	.house h3 {
		font-family: 'Celtic';
		margin: 0;
	}

	.house li {
		list-style: none;
	}

		.house li a {
			font-family: 'Meath';
			font-size: 1.75rem;
			text-decoration: none;
		}

.names {
	padding-left: 2rem;
	width: 100%;
	float: left;
	margin-top: 1rem;
	column-count: 2;
	column-gap: 1rem;
	-moz-column-count: 2;
	-moz-column-gap: 1rem;
	-webkit-column-count: 2;
	-webkit-column-gap: 1rem;
}

.breadalbane {
	width: 21rem;
}

.cawdor {
	width: 17rem;
}

.loudoun {
	width: 18rem;
}

@media only screen and (any-pointer:coarse) {
	a {
		line-height: 200%;
	}

	.house {
		height: 20rem;
		width: 20rem;
	}
}

@media only screen and (max-width:399px) {
	h4 {
		width: 100%;
		margin-left: 0;
	}

	.sept-name-list {
		column-count: 1;
		column-gap: 0;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
	}

	.minor-houses-list {
		width: 100%;
		padding: 0;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

	.names {
		padding-left: 2rem;
		width: 100%;
		float: left;
		margin-top: 1rem;
		column-count: 1;
		column-gap: 0;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
	}
}

@media only screen and (min-width:400px) and (max-width:549px) {
	h4 {
		width: 100%;
		margin-left: 0;
	}

	.sept-name-list {
		column-count: 2;
		column-gap: .5rem;
		-moz-column-count: 2;
		-moz-column-gap: .5rem;
		-webkit-column-count: 2;
		-moz-column-gap: .5rem;
	}

	.minor-houses-list {
		width: 100%;
		margin-top: 2rem;
		padding: 0;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

	.names {
		padding-left: 2rem;
		width: 100%;
		float: left;
		margin-top: 1rem;
		column-count: 2;
		column-gap: .5rem;
		-moz-column-count: 2;
		-moz-column-gap: .5rem;
		-webkit-column-count: 2;
		-webkit-column-gap: .5rem;
	}

	.breadalbane,
	.cawdor,
	.loudoun {
		width: 100%;
	}

	h3 {
		text-align: center;
	}
}

@media only screen and (min-width:550px) and (max-width:649px) {
	h4 {
		width: 75%;
		margin-left: 12.5%; /* (100%-75%)*.5 */
	}

	.sept-name-list {
		column-count: 4;
		column-gap: .5rem;
		-moz-column-count: 4;
		-moz-column-gap: .5rem;
		-webkit-column-count: 4;
		-moz-column-gap: .5rem;
	}

	.minor-houses-list {
		width: 50%;
		margin: 2rem 25% 0 25%;
		padding: 0;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

	.names {
		padding-left: 2rem;
		width: 100%;
		float: left;
		margin-top: 1rem;
		column-count: 2;
		column-gap: .5rem;
		-moz-column-count: 2;
		-moz-column-gap: .5rem;
		-webkit-column-count: 2;
		-webkit-column-gap: .5rem;
	}
}

@media only screen and (min-width:650px) and (max-width:799px) {
	.sept-name-list {
		column-count: 4;
		column-gap: .75rem;
		-moz-column-count: 4;
		-moz-column-gap: .75rem;
		-webkit-column-count: 4;
		-moz-column-gap: .75rem;
	}

	.minor-houses-list {
		width: 50%;
		margin: 2rem 25% 0 25%;
		padding: 0;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

	.names {
		padding-left: 2rem;
		width: 100%;
		float: left;
		margin-top: 1rem;
		column-count: 2;
		column-gap: .5rem;
		-moz-column-count: 2;
		-moz-column-gap: .5rem;
		-webkit-column-count: 2;
		-webkit-column-gap: .5rem;
	}
}

@media only screen and (min-width:800px) and (max-width:999px) {
	.sept-name-list {
		column-count: 6;
		column-gap: .75rem;
		-moz-column-count: 6;
		-moz-column-gap: .75rem;
		-webkit-column-count: 6;
		-moz-column-gap: .75rem;
	}

	.minor-houses-list {
		width: 100%;
		margin: 2rem 0 0 0;
		padding: 0;
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}
}

/**********************************************************/

h2.name {
	width: 50%;
	margin: 2rem 0 0 0;
	font-family: 'Meath';
	color: red;
}

button.print {
	font-size: 1rem;
}

div p:first-of-type {
	text-indent: 0;
}

p {
	font-size: 1.2rem;
	text-indent: 1rem;
	margin: 0;
}

	p.inset {
		margin: 1rem +3rem 1rem +3rem;
		text-indent: 0;
	}

.quatrain {
	width: 50%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: +10rem;
	columns: 2 20rem;
	-moz-columns: 2 20rem;
	-webkit-columns: 2 20rem;
	text-align: center;
}

	.quatrain p {
		text-indent: 0;
		break-inside: avoid;
	}

hr {
	margin: 2rem;
}

p a {
	text-decoration-line: none;
}

.citation {
	margin: 1rem 0 1rem 0;
}

.notes {
	position: relative;
	margin: 2rem 1rem 0 1rem;
	padding: 1rem;
	border: thin solid black;
}

	.notes p {
		font-weight: bold;
	}

	.notes dl {
		width: 100%;
		margin: 0;
		overflow: hidden;
		line-height: 110%;
	}

		.notes dl dt {
			margin: 0;
			padding: 0 .5rem 0 0;
			width: 5%;
			float: left;
			clear: left;
			text-align: right;
		}

			.notes dl dt a,
			.notes dl dt a:hover {
				color: black;
			}

		.notes dl dd {
			width: 95%;
			margin: 0;
			padding: 0 0 0 .5rem;
			float: left;
		}

@media only print {
	.header,
	.top-navigation,
	.footer,
	button {
		display: none;
	}

	p {
		font-family: 'Times New Roman', Times, serif;
	}

	a,
	a sup {
		text-decoration: none;
		color: black;
	}

	.notes {
		border: none;
	}

		.notes dl {
			font-size: 1rem;
			display: contents;
		}
}

@media only screen and (max-width:699px) {
	.notes {
		width: 100%;
		margin: 0;
	}

		.notes dl dt {
			width: 20%;
		}

		.notes dl dd {
			width: 80%;
		}
}