* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a.parent:after {
  content: "\\f107";
  margin: 0px 0px 0px 7px;
  font-family: FontAwesome; }

.viewer {
  position: relative; }
  @media screen and (min-width: 55em) {
    .viewer {
      margin-bottom: 2em; 
      position: relative; }
      .viewer .container {
        background-color: #d9d9d9;
        padding: 0; } }

.main.viewer .container {
  padding: 0; }

.main-nav .ctas a.login {
  background-color: #6699cc; }
  .main-nav .ctas a.login.logged-in {
    background-color: #990000; }

.main .viewer-content {
  padding: 2em;
  margin-bottom: 2em;
  position: relative; }
  .main .viewer-content h1, .main .viewer-content h2, .main .viewer-content h3, .main .viewer-content h4 {
    color: #000; }

.main-footer .appendix p {
  font-family: "proxima-nova", "Helvetica", "Arial", sans-serif;
  padding: 0 1em 1em;
  display: block;
  float: none;
  background-color: #fff; }

.viewer-intro {
  position: relative; }
  .viewer-intro .container {
    background-color: #b3b3b3;
    padding-top: 1em;
    padding-bottom: 1em; }
  .viewer-intro .title-icon {
    display: block;
    float: left;
    width: 15%;
    margin-right: 1em;
    position: relative; }
    .viewer-intro .title-icon img {
      width: 100%; }
  .viewer-intro h3 {
    color: #333333;
    font-family: "proxima-nova", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    font-size: 1em;
    margin-bottom: 0; }
  .viewer-intro h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (min-width: 35em) {
    .viewer-intro .title-icon {
      width: 10%; } }
  @media screen and (min-width: 45em) {
    .viewer-intro header {
      margin-left: 17.0596085997%;
      padding-left: 2em;
      margin-bottom: .75em; }
    .viewer-intro .title-icon {
      width: 10%;
      margin-right: .5em; }
    .viewer-intro .container {
      background-color: #6699cc; } }
  @media screen and (min-width: 55em) {
    .viewer-intro header {
      margin-left: 25.5894128995%;
      padding-left: 0;
      padding-bottom: 1em; }
    .viewer-intro .title-icon {
      margin-right: 1em; } }
  @media screen and (min-width: 65em) {
    .viewer-intro .container {
      padding-top: 2em;
      padding-bottom: 2em; }
    .viewer-intro header {
      margin-bottom: 0;
      padding-bottom: .5em; }
    .viewer-intro h3 {
      font-size: 1.5em; }
    .viewer-intro h2 {
      font-size: 2.4em; } }

.viewer-menu {
  background-color: #8c8c8c;
  color: #fff;
  padding: .5em 2em;
  margin: 0; }
  .viewer-menu .toggle {
    font-weight: bold;
    cursor: pointer; }
    .viewer-menu .toggle img {
      height: .8em;
      margin-right: .5em; }
      .viewer-menu .toggle img.section-icon {
        height: 2.5em; }
  .viewer-menu ul {
    list-style: none;
    padding-left: 0;
    display: none;
    margin-bottom: 0; }
    .viewer-menu ul.open {
      display: block; }
    .viewer-menu ul li {
      line-height: 1.2em;
      border-bottom: 1px solid #8c8c8c; }
      .viewer-menu ul li:last-child {
        border-bottom: none; }
    .viewer-menu ul a {
      display: block;
      padding: .5em 0;
      color: #fff; }
  @media screen and (min-width: 55em) {
    .viewer-menu {
      background-color: #d9d9d9;
      padding: 2em 0 0;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 23.2317613015%;
      margin-right: 0; }
      .viewer-menu:last-child {
        margin-right: 0; }
      .viewer-menu .toggle {
        padding: 0 2em;
        font-weight: normal;
        color: #666666;
        display: block; }
        .viewer-menu .toggle img.section-icon {
          width: 30%;
          display: block;
          height: auto; }
        .viewer-menu .toggle .count {
          display: none; }
      .viewer-menu ul {
        display: block;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf; }
        .viewer-menu ul li {
          border-bottom: 1px solid #bfbfbf; }
        .viewer-menu ul a {
          padding: .6em 2em;
          font-weight: bold;
          color: #6699cc;
          -webkit-transition: color, 0.2s ease;
          -moz-transition: color, 0.2s ease;
          transition: color, 0.2s ease; }
          .viewer-menu ul a.current {
            color: #333333;
            background-color: #f2f2f2; }
          .viewer-menu ul a:hover {
            color: #333333; } }
  @media screen and (min-width: 75em) {
    .viewer-menu .toggle img.section-icon {
      width: 30%;
      display: inline;
      height: auto; }
    .viewer-menu .toggle .count {
      display: none; } }

.viewer-content {
  background-color: #fff; }
  @media screen and (min-width: 55em) {
    .viewer-content {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 74.4105871005%;
      margin-right: 0;
      margin-bottom: .75em !important;
      margin-top: -.75em; }
      .viewer-content:last-child {
        margin-right: 0; } }