.navbar { font-family: "Sarabun", sans-serif; font-weight: normal; padding: 0.8rem 0; margin: 0.8rem 0; }

#nav-logo { max-width: 100px; width: 100%; }

#nav-logo-link { transition: color .2s; color: #4e4063; }

#nav-logo-link:hover { color: #675482; }

.navbar ul.menu li { font-size: 0.75em; }

h1.home-header small { font-size: 60%; }

ol.story-list { list-style-position: outside; margin-left: 2em; }

a.active-story { font-style: italic; font-weight: bold; }

.story h1.story-title { font-weight: bold; }

.story h3.story-subtitle { font-style: italic; font-weight: normal; }

.story-scripture h3 { font-weight: bold; margin: 1em 0 0.5em; }

.story-scripture p { text-indent: 0.8rem; }

.story-scripture sup { font-size: 0.6em; top: -0.6em; }

footer p { color: #bcc3ce; font-size: 60%; margin: 2em 0; }

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