body {
  /*padding-top: 5rem;*/
  padding-top: 4rem;
  /*font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;*/
  font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
 background-color: #ffffff !important;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}
.bg-dark{
  background-color: #004C97 !important;
}
.navbar {
  padding: 0 1rem;
}
.navbar-brand img {
  height: 35px;
  width: 125px;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.navbar-dark .navbar-nav .nav-link {
    color: #999999;
}
.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.white-space-pre {
    white-space: pre;
}

/*
print-page and back-button rules
*/

@media print {
    div.print-yank-up-div {
        margin-top: -4em;
    }

    #print-page-and-back-button-div {
        display: none;
    }
}

@media screen {
    div.print-yank-up-div {
        display: none;
    }

    #print-page-and-back-button-div {
        position: fixed;
        top: 3em;
        left: 0;
        bottom: 0;
        right: 0;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        opacity: 0.5;
        z-index: 9999;
        /* what's this for? well, this div was blocking text selection on the rest of the page, presumably bc of the z-index.
          adding max-height doesn't make the height 0 like I expected, but it DOES allow you to select text on the page again. ???  */
        max-height: 0;
    }
}

#print-document-button,#on-page-back-button {
    min-width: 10em;
}