/************************/
/** Fonts ***************/
/************************/
@font-face {
  font-display: swap;
  font-family: 'Ancizar Serif';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ancizar-serif-300.woff2') format('woff2'),
       url('../fonts/ancizar-serif-300.woff') format('woff'),
       url('../fonts/ancizar-serif-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Ancizar Serif';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ancizar-serif-300italic.woff2') format('woff2'),
       url('../fonts/ancizar-serif-300italic.woff') format('woff'),
       url('../fonts/ancizar-serif-300italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Ancizar Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ancizar-serif-400.woff2') format('woff2'),
       url('../fonts/ancizar-serif-400.woff') format('woff'),
       url('../fonts/ancizar-serif-400.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Ancizar Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ancizar-serif-400italic.woff2') format('woff2'),
       url('../fonts/ancizar-serif-400italic.woff') format('woff'),
       url('../fonts/ancizar-serif-400italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Ancizar Serif';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/ancizar-serif-600.woff2') format('woff2'),
       url('../fonts/ancizar-serif-600.woff') format('woff'),
       url('../fonts/ancizar-serif-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Ancizar Serif';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/ancizar-serif-600italic.woff2') format('woff2'),
       url('../fonts/ancizar-serif-600italic.woff') format('woff'),
       url('../fonts/ancizar-serif-600italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/instrument-serif-regular.woff2') format('woff2'),
       url('../fonts/instrument-serif-regular.woff') format('woff'),
       url('../fonts/instrument-serif-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/instrument-serif-italic.woff2') format('woff2'),
       url('../fonts/instrument-serif-italic.woff') format('woff'),
       url('../fonts/instrument-serif-italic.ttf') format('truetype');
}


/************************/
/** Default HTML Tags ***/
/************************/
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Ancizar Serif', serif;
	color: #111;
	font-weight: 400;
  background-color: #1a1725;
  background-image: linear-gradient(to bottom, rgba(171, 171, 171, 0), rgba(171, 171, 171, 0.14));
}
img {
	object-fit: scale-down;
}
a, a img {
	font-weight: 600;
	color: #3186bd;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
a:hover, a:link:hover, a:visited:hover {
	color: #75b7e0;
}
a:hover, a:link:hover, a:visited:hover, a:link:focus, a:visited:focus, a:link:active, a:visited:active  {
	text-decoration: none;
}
h1, h2, h3, h4, h5 {
	font-family: 'Instrument Serif', serif;
	margin-bottom: 24px;
}
h1 {
	font-size: 2.22em;
	margin-top: 24px;
}
h2 {
	font-size: 1.88em;
}
hr {
	border-top: 0;
	border-bottom: 1px solid rgb(90 103 82 / 75%);
	margin-bottom: 14px;
}
p {
	line-height: 1.25em;
	margin-bottom: 24px;
	text-align: justify;
}
::selection {
	background-color: #0b3133; /* WebKit/Blink Browsers */
}
::-moz-selection {
	background-color: #0b3133; /* Gecko Browsers */
}
:focus-visible {
	outline: 0;
}
@media (max-width: 1075px) {
  h1 { margin-top: 0; }
}


/************************/
/** Navigation **********/
/************************/
#top {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #222;
  background-image: linear-gradient(to bottom, rgba(171, 171, 171, 0), rgba(171, 171, 171, 0.05));
}
header {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: 0;
  max-width: 1100px;
  margin: 0 auto;
  font-size: 1.3em;
}
#logo {
	text-align: left;
	font-family: 'Instrument Serif', serif;
	padding: 0.3em 0 0.33em 1.11em;
}
#logo a { color: #FFF; text-decoration: underline; }
#logo a:hover { color: #FFF; text-decoration: underline; }
nav#main {
	text-align: right;
	font-weight: 400;
	padding: 0.3em 0.1em 0.33em 0;
	font-family: 'Instrument Serif', serif;
}
nav#main a {
	padding: 0 0.2em;
	color: #e7be3c;
}
nav#main a:hover, nav#main a:link:hover, nav#main a:visited:hover {
	color: #ffe6a1;
}
@media only screen and (max-width: 800px) {
  header { grid-template-columns: 1fr; }
  #logo { padding: 0.3em 1em; text-align: center; }
  nav#main { padding: 0 1em 0.3em; text-align: center; }
}
@media only screen and (min-width: 801px) {
  nav#main a { padding: 0 0.5em; }
}

/************************/
/** Body Wrappers *******/
/************************/
.row {
  padding: 3.33em 0;
  background-color: #FFF;
}
.altrow {
  background-color: #F7F7F7;
  background-image: linear-gradient(to bottom, rgba(171, 171, 171, 0), rgba(171, 171, 171, 0.07));
}
.wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  max-width: 1100px;
  margin: 0 auto;
  gap: 0;
}
.column {
	padding: 0 1.11em;
}
@media only screen and (max-width: 800px) {
  .wrapper { grid-template-columns: 1fr; }
}


/************************/
/** Page Components *****/
/************************/
.column img {
	border: 3px double #888;
	margin: 7px auto 21px;
	max-width: 98.7%;
	display: block;
}
@media only screen and (min-width: 801px) {
	.column img.img-center {
		margin: 0 auto;
	}
	.column img.img-left {
		float: left;
		max-width: 350px;
		margin: 7px 21px 0 0;
	}
	.column img.img-right {
		float: right;
		max-width: 350px;
		margin: 7px 0 21px;
	}
}


/************************/
/** Footer **************/
/************************/
footer {
	padding: 0;
	color: #FFF;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 0;
  max-width: 1100px;
  margin: 0 auto;
}
footer #foot-logo {
	text-align: center;
	padding: 2.22em 0;
}
footer #foot-address {
	text-align: center;
	padding: 3.33em 0;
}
footer h5 {
  text-decoration: underline;
  margin-bottom: 7px;
  font-size: 1.4em;
	text-align: center;
}
footer p {
	font-weight: 300;
	font-size: 1.01em;
	text-align: center;
}
footer a {
	color: #e7be3c;
}
footer a:hover,
footer a:link:hover,
footer a:visited:hover {
	color: #ffe6a1;
}
@media only screen and (max-width: 800px) {
  footer { grid-template-columns: 1fr; }
}