/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans';
}

p, div {
    font-family: 'Open Sans';
}

/* Make sure abstract does not disply by default*/
.abstract{
    display:none;
}

/* customize wells */
.well{
    background-color:#e6e6e6;
    border: 0px solid #aaa;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  p, li, tr {
      font-size:16px;
  }
  /* Remove the padding we set earlier */
  .header,
  .footer {
      padding-left: 0;
      padding-right: 0;
  }
  /* Space out the masthead */
  .header {
      margin-bottom: 30px;
  }
  .footer {
      margin-top: 30px;
  }
  .inset-img {
      padding:0px;
      padding-right:20px;
      margin-bottom:5px;
      width:200px;
  }
  .myname {
      font-size:4.5em;
      letter-spacing:5px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
  .lead {
      font-size:2em;
      font-weight:400;
      margin-bottom: 10px;
  }
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  letter-spacing:1px;
  font-weight:500;
}
.nav-pills > li > a {
  border-radius: 0px;
  color:#554D7D;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size:12px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    font-weight:500;
    background-color:transparent;
    color:#554D7D;
}

/* Slightly better-looking header on mobile. */
@media screen and (max-width: 767px) {
    .nav-pills {
        display: block;
        margin: 0 auto 1em;
    }
}