body{
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size:16px;
    line-height:1.5;
    color:#333;
    font-weight:300;
}

h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
    padding-top: 16px;
    font-size: 24px;
}
h3,
.h3 {
    padding-top: 16px;
    font-size: 20px;
}
h4,
.h4 {
  padding-top: 16px;
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
  padding-top: 16px;
}
h6,
.h6 {
  font-size: 16px;
}

blockquote {
  border-color: #bce8f1;
}

table {
  font-size: 14px;
  padding: 5px 5px 5px 5px;
}

.jumbotron h1 {
  font-weight: 300;
  font-size: 28px;
  margin-top: 20px;
}

.jumbotron p {
  padding: 0px 0 0 0;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}

@media(max-width: 576px) {
  .jumbotron p {
    padding: 5px 0 0 0;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  .jumbotron h1 {
    font-size: 24px;
    margin-top: 0px;
  }
}

.jumbotron {
  background: #03A7DD;
  color: #FFFFFF;
  margin-bottom: 0px;
  border-radius: 0;
  height: 200px;
  margin-top: -45px;
}

nav[data-toggle='toc'] {
    margin-top: 16px;
    display: block;
}

.affix {
    top: 0;
    display: block;
}

/* small screens */
@media (max-width: 768px) {
    /* override the Affix plugin so that the navigation isn't sticky */
    nav.affix[data-toggle='toc'] {
         display: none;
    }
}