@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,400italic|Crimson+Text:400,600");
body {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  color: #363535;
  background: #fafaf5;
  padding: 0;
  margin: 0;
  height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #363535;
  font-family: "Source Sans Pro", "Arial", sans-serif; }

h1 {
  font-weight: 900; }
  h1 a {
    color: #363535; }
    h1 a:hover {
      color: #437F91;
      text-decoration: none; }

h2, h3 {
  font-weight: 600; }

a.glyph {
  color: #363535; }
  a.glyph:hover {
    color: #437F91;
    text-decoration: none; }

.container,
.container-fluid {
  padding: 0; }

.row-main {
  margin-top: 40px; }

#top-bar {
  background: #363535;
  background: none;
  color: white;
  height: 34px;
  width: 100%;
  padding-top: 6px;
  position: fixed;
  top: 15px;
  z-index: 100; }
  #top-bar .home-link {
    font-size: 18pt;
    margin: 0px 0 0 25px; }
  #top-bar a.glyph {
    background: #363535;
    color: white;
    padding: 4px 8px; }
    #top-bar a.glyph:hover {
      background: #437F91; }

#header {
  padding-top: 25px; }

.personal-info {
  display: block;
  text-align: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  padding: 0 auto;
  font-family: "Source Sans Pro", "Arial", sans-serif;
  font-weight: 400; }
  .personal-info #address {
    vertical-align: middle;
    margin: 150px 0 0 35px;
    text-align: center; }
    .personal-info #address .name {
      text-transform: uppercase; }
    .personal-info #address .links {
      margin: 10px 0 0 0;
      font-size: 12pt; }
      .personal-info #address .links a {
        margin: 0 4px; }
    .personal-info #address .description a {
      color: #363535; }
      .personal-info #address .description a:hover {
        color: #437F91;
        text-decoration: underline; }

div.page-listings {
  margin-bottom: 35px; }
  div.page-listings div.first-listing {
    margin-top: 20px; }
    div.page-listings div.first-listing h1 {
      margin-top: 0px; }
  div.page-listings div.page-listing {
    margin-top: 20px;
    margin-bottom: 10px; }
    div.page-listings div.page-listing div.subtitle {
      font-weight: 600;
      font-style: italic;
      font-size: 12pt;
      margin: 8px 0 20px 0; }
    div.page-listings div.page-listing p, div.page-listings div.page-listing blockquote p {
      font-weight: 400;
      font-size: 14pt; }
    div.page-listings div.page-listing .categories {
      font-family: "Source Sans Pro", "Arial", sans-serif;
      font-weight: 600; }
      div.page-listings div.page-listing .categories ul {
        display: inline;
        margin: 0 0 0 8px; }
        div.page-listings div.page-listing .categories ul li {
          margin: 0 2px;
          padding: 0;
          color: #437F91; }

div.page {
  font-size: 14pt; }
  div.page div.subtitle {
    font-weight: 400;
    font-style: italic;
    font-size: 12pt;
    margin: 8px 0 20px 0; }
  div.page p {
    line-height: 1.5;
    margin-bottom: 15px; }
  div.page .page_footer {
    font-family: "Source Sans Pro", "Arial", sans-serif;
    font-weight: 600;
    margin-bottom: 60px;
    margin-top: 25px;
    font-size: 10pt; }
    div.page .page_footer ul {
      display: inline;
      margin: 0 0 0 8px; }
      div.page .page_footer ul li {
        margin: 0 2px;
        padding: 0;
        color: #437F91; }
    div.page .page_footer a {
      color: #363535; }
      div.page .page_footer a:hover {
        color: #437F91;
        text-decoration: underline; }
    div.page .page_footer .separator {
      margin: 0 8px; }
  div.page img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  div.page ul li {
    margin-top: 2px; }
  div.page table.table th {
    background: #F5F5F5; }

#narrow-header {
  display: none; }

@media (max-width: 768px) {
  #top-bar {
    display: none; } }

@media (max-width: 992px) {
  .row-main {
    margin-top: 0px; }
  #header {
    padding: 0;
    margin: 0; }
  #top-bar {
    position: absolute; }
  #narrow-header {
    display: block;
    height: 90px;
    text-align: center;
    margin-top: 10px; }
    #narrow-header #address {
      margin: 0;
      width: 250px;
      display: inline-block; }
      #narrow-header #address h2 {
        margin: 0; }
      #narrow-header #address .pic {
        float: left; }
      #narrow-header #address .description {
        margin-top: 15px; }
  #footer {
    text-align: center; }
    #footer #address {
      margin: 0;
      width: 250px;
      display: inline-block; }
      #footer #address h2 {
        margin: 0; }
      #footer #address .pic {
        float: left; }
      #footer #address .description {
        margin-top: 15px; }
  #main {
    margin-left: 25px;
    margin-right: 25px;
    width: auto; } }