/* Colors */
/* Fonts */
/* Error pages */
/* Breakpoints */
/* Colors */
/* Fonts */
/* Error pages */
/* Breakpoints */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #333;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #B3D4FC;
  text-shadow: none;
}

::selection {
  background: #B3D4FC;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* Colors */
/* Fonts */
/* Error pages */
/* Breakpoints */
body {
  font-size: 100%;
  font-family: "Noto Sans", "Arial", "Helvetica", sans-serif;
  padding: 0.5em;
  margin: 0;
  background-color: #AA3311;
}
body div.wrapper {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  background-image: url(/inline/bgSatin25.jpg);
  background-repeat: repeat-y;
  -moz-box-shadow: 0 0 12px #4d1708;
  -webkit-box-shadow: 0 0 12px #4d1708;
  box-shadow: 0 0 12px #4d1708;
}
body div.wrapper a {
  color: #D53F15;
}
body div.wrapper a:hover {
  color: #ef8061;
}
body div.wrapper a:active {
  color: #F00;
}
body div.wrapper a:visited {
  color: #78240c;
}
body div.wrapper > header {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "Noto Serif", "Georgia", "Times", "Times New Roman", serif;
}
body div.wrapper > header div {
  font-weight: 700;
}
body div.wrapper main {
  padding: 1em;
}
body div.wrapper main h1, body div.wrapper main h2 {
  font-family: "Noto Serif", "Georgia", "Times", "Times New Roman", serif;
  text-align: center;
}
body div.wrapper main > section ul.linklist {
  list-style: none;
}
body div.wrapper main > section ul.linklist li {
  padding-bottom: 1em;
}
body div.wrapper main > section ul.linklist li span {
  display: block;
  color: #4d4d4d;
}
body div.wrapper main > section div.feedblock div.subblock h3 {
  font-family: "Noto Serif", "Georgia", "Times", "Times New Roman", serif;
}
body div.wrapper main > section figure.author img {
  -moz-box-shadow: 0 0 12px #4d1708;
  -webkit-box-shadow: 0 0 12px #4d1708;
  box-shadow: 0 0 12px #4d1708;
}
body div.wrapper main > section div.books div.book {
  text-align: center;
  padding: 2em 1em;
}
body div.wrapper main > section div.books div.book a img {
  -moz-box-shadow: 0 0 12px #4d1708;
  -webkit-box-shadow: 0 0 12px #4d1708;
  box-shadow: 0 0 12px #4d1708;
}
body div.wrapper main > section div.books div.book div.title {
  font-weight: bold;
  padding-top: 1em;
}
body div.wrapper main > section div.books div.book div.publisher {
  display: inline;
}
body div.wrapper main > section div.books div.book div.authors div {
  display: inline;
}
body div.wrapper main > section div.books div.book div.editors div {
  display: inline;
}
body div.wrapper main > section div.books div.book div.role {
  font-style: italic;
}
body div.wrapper > footer {
  text-align: center;
  color: #757575;
  clear: both;
}
body > nav {
  margin: 0;
  padding: 0;
  background-color: #7C250C;
}
body > nav ul {
  margin: 0;
  padding: 0;
}

/*
body {
	font-family: $fontstack-text;
	background-color: $color-background;
	color: $color-text;
	
	#wrapper {
		background-color: white;
		background-image: url(/inline/bgSatin25.jpg);
		background-repeat: repeat-y;
		-moz-box-shadow: 0 0 12px darken($color-background,20);
		-webkit-box-shadow: 0 0 12px darken($color-background,20);
		box-shadow: 0 0 12px darken($color-background,20);
		margin: 0 auto;
		padding: 0;

		> header {
			display: none;
			background-color: darken($color-background,10);
			
			nav {
				ul {
					overflow: auto;
					margin: 0 auto;
					width: 14em;
					list-style: none;
					
					li {
						width: 2em;
						float: left;
						text-align: center;
						line-height: 3em;
						letter-spacing: 1px;
						text-transform: lowercase;
						list-style: none;
						
						a {
							border-radius: 4px;
							padding: 0.25em 0.5em;
							color: white;
							text-decoration: none;
						}
						
						a:hover {
							background-color: lighten($color-background,10);
							-webkit-transition: background-color .2s ease-in-out;
							transition:         background-color .2s ease-in-out;
						}
					}
				}
			}
		}
	
		main {
			padding: 1em 1em 1em 2.5em;
		
			header {
				padding: 0 0 2em 0;
				margin: 0;
				text-align: center;
				
				nav { display: none; }

				h1 {
					font-family: $fontstack-titles;
					font-size: $font-yui-12;
					letter-spacing: 1px;
				
					span {
						display: block;
						font-size: $font-yui-14;
					}
				}
				
				p {
					line-height: 1.5em;
					margin: 0;
					padding: 0;

					font-size: $font-yui-11;
					font-style: italic;
				}
			}

			section {
				padding-right: 1em;
			}
			
			h1 {
				font-family: $fontstack-titles;
				font-size: $font-yui-16;
			}
			
			p {
				font-size: $font-yui-11;
				line-height: 2em;
			}
			
			section.pagesubsection h1 {
				font-size: $font-yui-12;
				border-width: 0 0 1px 0;
				border-color: $color-background;
				border-style: solid;
				padding-top: 2em;
			}
			
			blockquote {
				margin: 0 1.5em 0 3em;
				font-size: $font-yui-12;
				padding: 0.5em 0 2em 0;
				color: lighten($color-text,25);
				quotes: "\201C""\201D""\2018""\2019";
				
				p {
					font-size: $font-yui-13;
					padding: 0 1em; 
					font-style: italic;
					line-height: 2em;
				}
				
				p:before {
				  color: #ccc;
				  content: open-quote;
				  font-size: 4em;
				  line-height: 0.1em;
				  margin-right: 0.25em;
				  vertical-align: -0.3em;
				  margin-left: -0.625em;
				}
				
				footer {
					line-height: 1.5em;
					text-align: right;
					padding: 0 3em 0 1em;
					
					cite:before {
						content: "-- ";
					}
				}
			}
			
			p, ul.linklist, h4 {
				a 			{ @include link-color-transition($color-link);			}
				a:hover 	{ @include link-color-transition($color-link-hover);		}
				a:visited 	{ @include link-color-transition($color-link-visited);	}
				a:active 	{ @include link-color-transition($color-link-active);		}
			}
			
			figure {
				text-align: center;
				padding: 2em;
				
				img {
					-moz-box-shadow: 0 0 6px #444;
					-webkit-box-shadow: 0 0 6px #444;
					box-shadow: 0 0 6px #444;
					width: 144px;
					height: 200px;
				}
			}
			
			figure.cover {
				img { background-image: url(/inline/imageCover144.jpg); }
			}
			
			figure.melissa {
				img { background-image: url(/inline/imageMelissa144.jpg); }
			}
			
			ul.vendorlist, ul.downloadlist {
				list-style: none;
				margin: 2em 1em;
				padding: 1em;
				border: 1px solid #444;
				border-radius: 8px;
				
				li {
					padding-bottom: 1em;
					
					span {
						display: block;
						font-style: italic;						
					}
				}
			}
			
			div.books {
				padding: 1em;
				
				div.book {
					text-align: center;
					font-size: $font-yui-11;
					padding-bottom: 2em;
					
					img {
						-moz-box-shadow: 0 0 6px #444;
						-webkit-box-shadow: 0 0 6px #444;
						box-shadow: 0 0 6px #444;
					}
					
					div.title {
						font-weight: bold;
						padding-top: 1em;
					}
					
					div.publisher { display: inline; }
					div.authors div { display: inline; }
					div.editors div { display: inline; }
					
					div.role {
						font-style: italic;
					}
				}
			}

			section.feedblock {
				padding: 2em 0.5em;
				
				h2 { 
					font-size: $font-yui-14; 
					border-width: 0 0 1px 0;
					border-style: solid;
					border-color: lighten($color-background,40); 
				}
				
				div.subblock {
					h3 { 
						font-size: $font-yui-12;
						font-style: italic;
					}
					
					div {
						padding: 0 0 1em 0.5em;
					
						h4 { 
							font-size: $font-yui-11;
							padding: 0;
							margin: 0;
						}
						p { 
							font-size: $font-yui-11;
							padding: 0;
							margin: 0;
							
							span { font-style: italic; }
						}
					}
				}
			}
			
			nav {
				width: 14em;
				margin: 3em auto 2em auto;
				padding: 0.25em;
				background-color: $color-background;
				border-radius: 4px;
				font-family: "Helvetica", "Arial", sans-serif;
				text-align: center;
		
				ul:before {
					content: "MENU";
					color: white;
					letter-spacing: 2px;
					line-height: 3em;
				}
		
				ul {
					margin: 0;
					padding: 0;
			
					li {
						padding: 0.25em;
						margin: 0.25em;
						text-align: left;
						list-style: none;
				
						a {
							display: block;
							padding: 0.25em 0.5em;
							border-radius: 4px;
							color: white;
							background-color: lighten($color-background,10);
							text-decoration: none;
						}
				
						a:hover {
							background-color: lighten($color-background,20);
						}
					}
				}
			}
			
			#errorpage {
				margin: 0 auto;
				width: 16em;
				padding: 1em 1em 5em 1em;
				
				div.errorsplash {
					position: relative;
					top: 0;
					left: 0;
					p.code {
						position: absolute;
						top: 0;
						left: 0;
						color: $color-background;
						opacity: 0.1;
						font-size: 144px;
						line-height: 256px;
						padding: 0;
						margin: 0;
						z-index: -1;
					}
					p.title {
						font-weight: bold;
						font-size: $font-yui-18;
					}
				}
				
				p, table {
					width: 100%;
					font-size: $font-yui-11;
					
					th { text-align: right; padding-right: 1em; }
				}
				
			}
			
			#mailform {
				padding: 0;
				margin: 0;
				font-size: $font-yui-11;
				ol { 
					list-style: none;
					padding: 0;
					margin: 2em auto;
					width: 16em; 
					 
					li {
						padding-bottom: 1em;
						
						label { 
							padding: 0.25em 0.5em;
							background-color: lighten($color-background,20);
							color: white;
							border-radius: 4px;
							display: block;
							width: 10em;
							margin-bottom: 0.5em;
						}
					}
				}
				div { 
					text-align: center;

					button {
						-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
						-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
						box-shadow:inset 0px 1px 0px 0px #f5978e;
						background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
						background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
						filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
						background-color:#f24537;
						-webkit-border-radius: 8px;
						-moz-border-radius: 8px;
						border-radius: 8px;
						text-indent:0;
						border:1px solid #d02718;
						display:inline-block;
						color:#ffffff;
						font-family:Arial;
						font-size:15px;
						font-weight:bold;
						font-style:normal;
						height:40px;
						line-height:40px;
						width:100px;
						text-decoration:none;
						text-align:center;
						text-shadow:1px 1px 0px #810e05;
					}
					button:hover {
						background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
						background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
						filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
						background-color:#c62d1f;
					}
					button:active {
						position:relative;
						top:1px;
					}
				}
			}
			
			div.sitemap {
				overflow: auto;
				padding-bottom: 2em;
						
				div {
					float: left;
					width: 14em;
					padding-left: 2em;
					margin-bottom: 2em;
					font-size: $font-yui-12;
					
					h1 {
						font-size: $font-yui-14;
						border-width: 0 0 1px 0;
						border-color: $color-background;
						border-style: solid;
						padding-top: 2em;					
					}
					
					ul {
						padding: 0;
						margin: 0;
						list-style: none;
						
						li {
							padding: 0;
							margin: 0;
							line-height: 2em;
						}
					}
				}
			}
			
		}
	
		footer {
			text-align: center;
			font-size: $font-yui-11;
			line-height: 4em;
			
			a {
				text-decoration: none;
				color: $color-text;
			}
			
			a:visited {
				color: $color-text;
			}
			
			a:hover {
				color: $color-link-hover;
				text-decoration: underline; 
			}
			a:active {
				color: $color-link-active;
			}
		}
	}
}

*/
/* Mobile-first definitions */
body {
  display: flex;
  flex-direction: column;
}
body div.wrapper {
  margin: 0 auto;
}
body div.wrapper > header {
  padding: 1em 1em 2em 1em;
}
body div.wrapper > header div {
  padding: 0;
  margin: 0;
  font-size: 1em;
}
body div.wrapper > header div span {
  display: block;
}
body div.wrapper > header p {
  display: none;
  padding: 0;
  margin: 0;
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.6em;
}
body div.wrapper main {
  padding: 0 1.5em 1em 3em;
}
body div.wrapper main h1 {
  font-size: 1.75em;
  padding-bottom: 0.25em;
  margin-bottom: 1.5em;
  border-width: 0 0 4px 0;
  border-color: #7C250C;
  border-style: solid;
}
body div.wrapper main aside.splash {
  margin: 1em 0;
  text-align: center;
}
body div.wrapper main aside.splash figure.cover img {
  width: 135px;
  height: 192px;
  -moz-box-shadow: 0 0 12px #4d1708;
  -webkit-box-shadow: 0 0 12px #4d1708;
  box-shadow: 0 0 12px #4d1708;
}
body div.wrapper main aside.splash blockquote {
  text-align: left;
  line-height: 1.5em;
  margin-bottom: 1em;
  color: #D53F15;
  font-family: "Noto Serif", "Georgia", "Times", "Times New Roman", serif;
}
body div.wrapper main aside.splash blockquote p {
  font-style: italic;
}
body div.wrapper main aside.splash blockquote footer {
  text-align: right;
  padding-right: 2em;
}
body div.wrapper main aside.splash blockquote footer cite {
  font-style: normal;
}
body div.wrapper main aside.splash blockquote footer cite:before {
  content: "-- ";
}
body div.wrapper main section {
  margin-bottom: 3em;
}
body div.wrapper main section h2 {
  font-size: 1.375em;
}
body div.wrapper main section p {
  line-height: 2em;
}
body div.wrapper main section div.feedblock {
  padding-top: 2em;
}
body div.wrapper main section div.feedblock div.subblock {
  padding-bottom: 1em;
}
body div.wrapper main section div.feedblock div.subblock h3 {
  font-size: 1.0em;
  text-align: center;
}
body div.wrapper main section div.feedblock div.subblock div {
  padding: 1em 0 2em 0;
}
body div.wrapper main section div.feedblock div.subblock div h4 {
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}
body div.wrapper main section div.feedblock div.subblock div p {
  font-size: 1em;
  font-style: italic;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}
body div.wrapper main section div.books div.book > div {
  font-size: 1em;
}
body div.wrapper main section figure.author {
  text-align: center;
  padding: 2em 1em;
}
body div.wrapper main section figure.author img {
  width: 108px;
  height: 160px;
}
body div.wrapper main section blockquote.review {
  text-align: left;
  line-height: 1.5em;
  margin-bottom: 1em;
}
body div.wrapper main section blockquote.review p {
  font-style: italic;
}
body div.wrapper main section blockquote.review footer {
  text-align: right;
  padding-right: 2em;
}
body div.wrapper main section blockquote.review footer cite {
  font-style: normal;
  color: #666666;
}
body div.wrapper main section blockquote.review footer cite:before {
  content: "-- ";
}
body div.wrapper main section.errorpage header {
  position: relative;
  height: 6em;
}
body div.wrapper main section.errorpage header h2 {
  font-family: "Noto Sans", "Arial", "Helvetica", sans-serif;
  font-size: 2.5em;
  text-transform: lowercase;
  opacity: 0.7;
  line-height: 1.0em;
  width: 6em;
  margin: 0 auto;
}
body div.wrapper main section.errorpage header p {
  position: absolute;
  top: -0.75em;
  left: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-size: 9em;
  opacity: 0.1;
  color: #D53F15;
  text-align: center;
  width: 100%;
}
body div.wrapper main blockquote {
  margin: 0;
  padding: 1em;
}
body div.wrapper main blockquote footer cite {
  font-style: italic;
}
body div.wrapper > footer {
  margin-bottom: 1em;
}
body div.wrapper > footer p {
  font-size: 0.75em;
}
body > nav {
  margin: 1em auto;
  padding: 0;
  width: 100%;
  -moz-box-shadow: 0 0 12px #4d1708;
  -webkit-box-shadow: 0 0 12px #4d1708;
  box-shadow: 0 0 12px #4d1708;
}
body > nav ul {
  padding: 0.5em 1em 0.5em 0.5em;
}
body > nav ul li {
  padding: 0.25em;
  margin-bottom: 0.5em;
  list-style: none;
  width: 100%;
}
body > nav ul li a {
  position: relative;
  background-color: #D13D15;
  color: white;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 0.25em;
  border-radius: 0.25em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}
body > nav ul li a:hover {
  background-color: #ea572f;
}
body > nav ul li a:active {
  background-color: #ea572f;
  top: 1px;
  left: 1px;
}
body p.debug {
  width: 18em;
  margin: 2em auto;
  background-color: #D13D15;
  color: white;
  padding: 0.5em;
  border-radius: 0.25em;
  -moz-box-shadow: 0 0 12px #4d1708;
  -webkit-box-shadow: 0 0 12px #4d1708;
  box-shadow: 0 0 12px #4d1708;
}
body p.debug:after {
  content: "base";
}

@media (min-width: 32em) {
  body div.wrapper > header div {
    font-size: 1.25em;
  }
  body div.wrapper > header p {
    display: block;
  }
  body div.wrapper main h1 {
    font-size: 2.0em;
  }
  body div.wrapper main aside.splash {
    width: 16em;
    margin: 1em auto;
  }
  body div.wrapper main aside.splash figure.cover img {
    width: 180px;
    height: 256px;
  }
  body div.wrapper main aside.splash blockquote {
    line-height: 2.0em;
  }
  body div.wrapper main section div.feedblock {
    padding-left: 4em;
    padding-right: 4em;
  }
  body div.wrapper main section figure.author img {
    width: 216px;
    height: 320px;
  }
  body div.wrapper > footer p {
    font-size: 0.875em;
  }
  body p.debug:after {
    content: "32em";
  }
}
@media (min-width: 40em) {
  body {
    padding: 1em;
  }
  body div.wrapper {
    order: 1;
    border-radius: 0 0 0.5em 0.5em;
  }
  body div.wrapper > header {
    padding: 2em 3em 3em 3em;
  }
  body div.wrapper > header div {
    font-size: 1.25em;
  }
  body div.wrapper > header p {
    display: block;
  }
  body div.wrapper main h1 {
    font-size: 2.25em;
  }
  body div.wrapper main aside.splash {
    width: 26em;
    padding: 2em;
  }
  body div.wrapper main aside.splash figure.cover {
    margin: 1em 0;
    text-align: center;
  }
  body div.wrapper main aside.splash figure.cover img {
    width: 360px;
    height: 512px;
  }
  body div.wrapper main aside.splash blockquote p, body div.wrapper main aside.splash blockquote cite {
    font-size: 1.25em;
    padding-left: 1em;
  }
  body div.wrapper main aside.splash blockquote:before {
    content: open-quote;
    font-size: 5em;
    float: left;
    color: #f6b8a6;
    margin-top: 0.375em;
    margin-left: -0.5em;
  }
  body div.wrapper main section {
    padding: 2em;
  }
  body div.wrapper main section h2 {
    font-size: 1.5em;
  }
  body div.wrapper main section div.feedblock div.subblock h3 {
    font-size: 1.25em;
  }
  body div.wrapper main section div.feedblock div.subblock div h4 {
    font-size: 1.125em;
  }
  body div.wrapper main section div.feedblock div.subblock div p {
    font-size: 1.125em;
  }
  body > nav {
    order: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    border-radius: 0.5em 0.5em 0 0;
  }
  body > nav ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    padding: 0.25em 0.25em;
  }
  body > nav ul li {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
    text-align: center;
    width: auto;
    flex-grow: 1;
  }
  body > nav ul li a {
    text-transform: lowercase;
    letter-spacing: 0px;
    background-color: #7C250C;
  }
  body > nav ul li a:hover {
    background-color: #651e0a;
  }
  body > nav ul li a:active {
    background-color: red;
  }
  body p.debug {
    order: 2;
  }
  body p.debug:after {
    content: "40em";
  }
}
@media (min-width: 48em) {
  body {
    padding: 2em;
  }
  body div.wrapper > header div {
    font-size: 1.25em;
  }
  body div.wrapper > header p {
    display: block;
  }
  body div.wrapper main h1 {
    font-size: 2.75em;
  }
  body div.wrapper main section h2 {
    font-size: 2.25em;
  }
  body div.wrapper main section p, body div.wrapper main section li {
    font-size: 1.25em;
  }
  body div.wrapper main section div.books div.book > div {
    font-size: 1.25em;
  }
  body div.wrapper main section div.feedblock div.subblock h3 {
    font-size: 1.75em;
  }
  body div.wrapper main section div.feedblock div.subblock div h4 {
    font-size: 1.25em;
  }
  body div.wrapper main section div.feedblock div.subblock div p {
    font-size: 1.25em;
  }
  body div.wrapper main section blockquote.review footer cite {
    font-size: 1.25em;
  }
  body div.wrapper main section figure.author {
    padding: 1em 1em 1em 2em;
    margin-left: 0;
    width: 14em;
    float: left;
    text-align: left;
  }
  body > nav ul li {
    font-size: 1.125em;
    letter-spacing: 1px;
  }
  body p.debug:after {
    content: "48em";
  }
}
@media (min-width: 64em) {
  body {
    padding: 3em;
  }
  body div.wrapper {
    width: 62em;
  }
  body div.wrapper > header div {
    font-size: 1.5em;
  }
  body div.wrapper > header p {
    font-size: 1.25em;
  }
  body div.wrapper main h1 {
    font-size: 3.5em;
  }
  body div.wrapper main aside.splash {
    width: 24em;
    float: left;
    margin: 1.5em 0 5em 0;
  }
  body div.wrapper main aside.splash figure.cover img {
    width: 270px;
    height: 384px;
  }
  body div.wrapper main aside.splash blockquote {
    width: 20em;
    margin: 0 auto;
  }
  body div.wrapper main section h2 {
    font-size: 2.75em;
  }
  body div.wrapper main section p, body div.wrapper main section li {
    font-size: 1.375em;
  }
  body div.wrapper main section div.feedblock div.subblock h3 {
    font-size: 2.0em;
  }
  body div.wrapper main section div.feedblock div.subblock div h4 {
    font-size: 1.375em;
  }
  body div.wrapper main section div.feedblock div.subblock div p {
    font-size: 1.375em;
  }
  body div.wrapper main section blockquote.review {
    margin-bottom: 3em;
  }
  body div.wrapper main section blockquote.review footer cite {
    font-size: 1.375em;
  }
  body > nav {
    width: 62em;
  }
  body > nav ul li {
    font-size: 1.25em;
  }
  body p.debug:after {
    content: "64em";
  }

  @supports (display: grid) {
    body div.wrapper main section div.books {
      display: grid;
      grid-gap: 4em;
      grid-template-columns: 1fr 1fr;
      margin: 4em 0;
    }
  }
}
/* Colors */
/* Fonts */
/* Error pages */
/* Breakpoints */

/*# sourceMappingURL=stylesheet.css.map */