* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	max-width: 948px;
	margin: 0 auto;
	padding: 48px 24px 48px 24px;
	background: #c2b7ac;
	color: #241e1a;
}

body {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 -12px;
	padding: 0;
	font-family: "Times New Roman", "Times", serif;
	font-size: 17px;
	line-height: 24px;
}

nav, ul.subnav, ul.cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -12px;
	padding: 0 12px;
}

section, aside, figure, footer, h1, h2, header, hr, main, nav ul, p.subtitle, p.more, p.pagination, ul.cards li {
	order: 0;
	flex: 0 0 auto;
	align-self: auto;
	padding: 0 12px;
}

.col25, aside, nav ul, p.pagination {width: 25%;}

.col25p {width: 25%;margin-left: 25%;}

.col33 {width: 33%;}

.col50, nav ul.title, nav ul.subnav, footer, header, main, p.subtitle, p.more {width: 50%;}

.col50p {width: 50%;margin-left: 25%;}

.col75p, footer, header, main, figure.tall {margin-left: 25%;}

.col66 {width: 66%;}

.col75, .col75p, h1, h2, hr, figure.tall {width: 75%;}

.col100, figure, nav {width: 100%;}

nav {margin-bottom: 48px;}

nav ul {padding: 0;}

nav ul:nth-child(2) {
	margin-bottom: 0;
}

nav ul:nth-child(3) {
	margin-left: 25%;
	padding-left: 18px;
}

nav ul.subnav {
	margin-left: 25%;
	padding-left: 10px;
}

nav ul.logo {
	margin: -9px 18px 0 0;
	padding: 0 0px 0 0;
}

nav ul.logo img {
	width: 100px;
	float: right;
}

nav ul.grdn {
	margin-top: -18px;
}

nav ul li {
	margin-bottom: 6px;
}

nav ul:nth-child(3) li.here a, nav ul:nth-child(3) li.from a, nav ul.subnav li a {
	padding-right: 8px;
	background-color: #c2b7ac;
}

nav ul.subnav li a {
	padding-left: 8px;
	background-color: #c2b7ac;
}

nav ul:nth-child(3) li.heresub a, nav ul:nth-child(3) li.from a:hover, nav ul.subnav li.here a, nav ul.subnav li a:hover {
	padding-right: 24px;
	background-color: #c2b7ac;
}

nav ul:nth-child(3) li.heresub {
	background: url("../img/spacer.png") repeat-x 0% 55%;
}

nav ul:nth-child(3) li.from, nav ul.subnav li {
	background: url("../img/spacer.png") repeat-x 0% 55%;
}

nav ul:nth-child(4) {
	padding-left: 12px;
	border-left: solid 1px;
}

nav ul.subnav li:last-child {
	background: none;
}

/*nav ul li:last-child,*/ .no-bottom {
	margin-bottom: 0;
}

nav ul.subnav {
	margin-top: 24px;
}

nav ul li a:hover:after, ul li.here a:after, ul li.heresub a:after, ul li.from a:hover:after {
	content: "✷";
	position: absolute;
	padding-left: 6px;
	margin-top: 1px;
}

nav ul li h1 a:hover:after {content: none;}

section, section p, aside, figure, footer p, header, header p, hr, main, main p, main ul, aside p, ul.cards li, aside ul, ol {margin-bottom: 24px;}

section p:last-child, footer p:last-child, header p:last-child, main p:last-child, main ul:last-child, aside ul:last-child, aside p:last-child {margin-bottom: 0;}

hr {
	display: block;
	order: 0;
	flex: 0 0 auto;
	align-self: auto;
	content: " ";
	background-image: url(../img/hr.svg);
	background-size: 33px 24px;
	background-position: 12px 0;
	background-repeat: no-repeat;
	width: 75%;
	height: 24px;
	margin: 12px auto 36px 25%;
	border: none;
	z-index: 10;
}

main hr {
	background-position: 0 0;
	width: 100%;
	margin: 24px auto 24px 0%;
}

/* title font */
@font-face {
 	font-family: 'Basteleur Blanc';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/basteleur-blanc.woff2) format('woff2');
}

h1, h2 {
	font-family: "Basteleur Blanc", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
}

h1, h2 {
	font-size: 32px;
	line-height: 36px;
	margin: 0 0 24px 25%;
}

nav h1 {
	font-size: 42px;
	line-height: 45px;
	margin: 0px 0 24px -15px;
	padding-top: 0;
	border: none;
}

nav h1 a {text-decoration: none;}

.col50p h2 {
	margin-left: 0px;
	padding-left: 0px;
	width: 100%
}

h3 {
	font-size: 18px;
	margin: 0 0 12px 0;
}

/*h1, h2 { border-top: 1px solid; padding-top: 12px; }*/

aside h3:first-of-type, section h3:first-of-type { border-top: 1px solid; margin-top: 6px; padding-top: 6px; }


p.subtitle {
	margin: 0 0 0 25%;
	font-family: Courier, monospace; 
	font-size: 14px;
}

.col50p p.subtitle {
	margin: 0 0 0 0;
	padding-left: 0px;
	width: 100%;
}

p.more, p.pagination {margin: 0 0 24px 25%;}

p.pagination + p.pagination {margin: 0 0 24px 0%;}

a {color: #241e1a; }

a:hover {text-decoration: none;}

p.more a, p.pagination a, a.blocklink, a.blocklinknull {
    display: block;
    color: #c2b7ac;
    background: #241e1a;
    border: 1px solid #241e1a;
    padding: 6px 12px;
    margin: 6px 0;
    border-radius: 5px;
    text-decoration: none;
}

p.more a:hover, p.pagination a:hover, a.blocklink:hover, a.blocklinknull, a.blocklinknull:hover {
    color: #241e1a !important;
    background: transparent !important;
    border: 1px solid #241e1a !important;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul li {margin: 0 0 12px 0;}

ul li:last-child, ol li:last-child {margin-bottom: 0;}

ul.cards li:last-child {margin-bottom: 24px;}

ol li {margin: 0 0 12px 18px;}

ol li ol {margin-top: 12px; list-style-type: lower-latin;}

ul.choice li {
	background-size: 24px 24px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 36px;
}

li.strike {text-decoration: line-through;}

main ul.cards li::before {
	content: none;
}

main ul.cards {
	padding: 0;
}

main p.more {
	width: 100%;
	margin: 0 0 24px 0;
	padding: 0;
}

main p.more:last-child {
	margin-bottom: 0;
}

img {
	max-width: 100%;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
 }

figure { text-align: center;}

footer a.cc {
	padding-left: 20px;
	background-image: url(../img/cc.svg);
	background-size: 14px 14px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}

footer a.rss {
	padding-left: 20px;
	background-image: url(../img/rss.svg);
	background-size: 12px 12px;
	background-position: 1px 4px;
	background-repeat: no-repeat;
}

footer a.merveilles {
	padding-left: 20px;
	background-image: url(../img/merveilles.svg);
	background-size: 14px 14px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}

a[target="_blank"] { text-decoration-style: double; }

.outline {border: 1px solid #241e1a;}

@media only screen and (max-width: 648px) {
	.col25, .col25p, .col33, .col50, .col50p, .col75, .col75p, section, aside, figure, figure.tall, footer, h1, h2, header, hr, main, nav, nav ul.logo, nav ul.subnav, p.subtitle, p.more, ul.cards li {width: 100%;}
	
	nav ul {
		width: 50%;
		padding: 0 0 0 12px;
	}

	p.pagination {width: 50%;}
	
	nav ul.logo {margin: 0 0 4px 6px;}
	
	nav ul.logo img {float: none;}

	nav h1 {margin: 0 0 28px -15px;}
	
	nav ul:nth-child(2) {width: 51%;}

	nav ul:nth-child(3) {padding-left: 12px;}

	nav ul.subnav li {width: 25%;}

	nav ul.subnav li {
	margin-left: -5px;
}

	.col25p, .col50p, .col75p, nav ul:nth-child(3), nav ul.subnav, footer, h1, h2, header, hr, main, figure.tall, p.subtitle, p.more, p.pagination {margin-left: 0;}
}