body {
  overflow-x: hidden; }
  body section {
    margin-bottom: 50px;
    position: relative; }
    body section h1, body section h2, body section h3, body section h4, body section h5, body section h6 {
      font-family: "EB Garamond", serif;
      font-weight: 600;
      color: #336699; }
    body section h1 {
      margin-bottom: 25px; }
    body section p, body section ul, body section ol {
      font-size: 1.1em;
      font-family: "Roboto", sans-serif;
      color: black; }
    body section a {
      color: #d06439;
      font-weight: bold; }
    body section a:hover, body section a:active, body section a:focus {
      color: #336699;
      text-decoration: none; }
    body section p a, body section nav a {
      -webkit-backface-visibility: hidden;
      -webkit-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  body #mainNav {
    margin-bottom: 0;
    position: relative;
    z-index: 50; }
    body #mainNav #conJump {
      position: absolute;
      opacity: 0; }
    body #mainNav .navbar {
      background: white !important;
      padding: 0;
      border-bottom: 1px solid #336699;
      -webkit-backface-visibility: hidden;
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      body #mainNav .navbar .container {
        text-align: center; }
      body #mainNav .navbar .row {
        width: 100%;
        position: relative;
        padding: 0;
        margin: 0; }
      body #mainNav .navbar .navbar-brand {
        position: relative;
        color: #336699;
        font-weight: bold;
        font-size: 1.2em;
        padding: 20px 0px; }
      body #mainNav .navbar .navbar-brand:hover, body #mainNav .navbar .navbar-brand:active, body #mainNav .navbar .navbar-brand:focus {
        color: #d06439 !important; }
  body #content {
    margin-bottom: 20px; }
    body #content .container {
      margin: 45px auto 0 auto; }
      body #content .container #subNav {
        padding-left: 0;
        list-style-type: none; }
        body #content .container #subNav li {
          padding-bottom: 15px; }
      body #content .container .docList li {
        padding-bottom: 15px; }
      body #content .container .contactInfo {
        padding: 20px 0; }
        body #content .container .contactInfo address {
          font-size: 1.1rem;
          line-height: 1.8rem; }

#calendar #content .container .doclist {
  font-size: 1.2rem; }
  #calendar #content .container .doclist li {
    padding-bottom: 15px !important; }

footer, footer p, footer a {
  color: white;
  font-size: 0.9em; }

footer {
  background: #336699;
  padding: 25px 0px; }
  footer .footIcon {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 15px;
    background: url("../images/footer-icons.png") no-repeat;
    background-size: 400% 200%;
    border-radius: 3px; }
    @media (min-width: 576px) {
      footer .footIcon {
        margin-right: 5px; } }
    @media (min-width: 768px) {
      footer .footIcon {
        margin-right: 15px; } }
  footer .footIcon:nth-of-type(1) {
    background-position: 0 0; }
  footer .footIcon:nth-of-type(2) {
    background-position: -25px 0; }
  footer .footIcon:nth-of-type(3) {
    background-position: -50px 0; }
  footer :nth-of-type(1):hover,
  footer :nth-of-type(1):active,
  footer :nth-of-type(1):focus {
    background-position: 0 100%; }
  footer :nth-of-type(2):hover,
  footer :nth-of-type(2):active,
  footer :nth-of-type(2):focus {
    background-position: -25px 100%; }
  footer :nth-of-type(3):hover,
  footer :nth-of-type(3):active,
  footer :nth-of-type(3):focus {
    background-position: -50px 100%; }
  footer .fab {
    font-size: 25px; }
  footer a {
    font-weight: bold;
    color: #999; }
  footer a:hover, footer a:focus, footer a:active {
    color: #fff;
    text-decoration: none; }
  footer p, footer .text-left a {
    color: #999; }
  footer .text-left a:hover, footer .text-left a:focus, footer .text-left a:active {
    color: #fff; }
  @media (max-width: 576px) {
    footer .text-left, footer .text-center, footer .text-right {
      text-align: center !important; } }
  footer .text-center, footer .text-right {
    vertical-align: middle; }
  @media (max-width: 576px) {
    footer .text-left .fab {
      margin-right: 15px;
      position: relative;
      top: -3px; } }
  @media (max-width: 576px) {
    footer .text-left .footIcon {
      display: inline-block;
      float: none; } }
  footer .text-right {
    color: #999; }
  footer #hmpMetrics {
    color: #999; }
    footer #hmpMetrics span {
      position: relative;
      display: inline-block;
      padding: 0 5px; }
    footer #hmpMetrics i {
      display: inline-block;
      width: 15px;
      height: 20px;
      background: url("../images/footer-icons.png") no-repeat;
      background-size: 400% 200%;
      background-position: 100% 0px;
      position: absolute;
      bottom: -1px;
      left: -3px; }
  footer #hmpMetrics:hover,
  footer #hmpMetrics:active,
  footer #hmpMetrics:focus {
    color: #fff;
    text-decoration: none; }
  footer #hmpMetrics:hover i,
  footer #hmpMetrics:active i,
  footer #hmpMetrics:focus i {
    background-position: 100% -20px; }