*{ padding: 0; margin: 0; font-family: 'Libre Baskerville', serif; }

body{ max-width: 800px; margin: 0 auto; padding: 0 1em; }

h1{ text-align: center; margin-top: .5em; font-size: 2.3em; }
h2{ text-align: center; margin-bottom: 1em; margin-top: .5em; }

.body{ border-top: 1px solid #000; }

.tagline{ font-style: italic; font-size: 1.1em; }

.site{ clear: both; border-top: 1px solid #000; padding-top: 12px; margin-top: 6px; margin-bottom: 3em; }
.site h3{ margin-bottom: 1em; font-size: 1.5em; }
.site .wrap{ display: grid; grid-template-columns: 2fr 1fr; }
.site .text{ padding-right: 2em; }
.site .images img{ width: 100%; }
.site .images .img1{ box-shadow: 5px 5px 5px #aaa; }
.site span{ float: right; color: #666; font-size: .9em; }

.footer{ clear: both; text-align: center; border-top: 1px solid #000; margin-top: 1em; padding-top: 1em; padding-bottom: 1.5em; }

.images{ margin-bottom: .5em; }

p{ margin-bottom: 1em; }

.retired{
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

.retired:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

@media screen and (max-width: 500px) {
	.site .wrap{ display: grid; grid-template-columns: 1fr; }
	.site .images{ padding-top: 2em; }
	.site span{ float: none; color: #666; font-size: .9em; display: block; margin-bottom: .35em; }
}

.books{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em; padding-bottom: 2.5em; }

.books div{ text-align: center; }

.books img{ width: 100%; filter: drop-shadow(5px 5px 4px #999); border: 1px solid #ccc; }

.logo{ margin: 0 auto; display: block; }

.photos div img{ border: 8px solid #fff; }