@font-face {
  font-family: 'MuseoSans';
  src: url(../fonts/museosans-100-webfont.ttf) format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: 'MuseoSans';
  src: url(../fonts/museosans-300-webfont.ttf) format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: 'MuseoSans';
  src: url(../fonts/museosans-500-webfont.ttf) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: 'MuseoSans';
  src: url(../fonts/museosans-700-webfont.ttf) format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: 'MuseoSans';
  src: url(../fonts/museosans-900-webfont.ttf) format("truetype");
  font-weight: 900;
}

*{
	font-family: 'MuseoSans', serif;
}

.container{
	max-width: 800px;
}

h3{
	color: #00509e;
    font-size: 22px;
    font-weight: bold;
}
h4{
	color: #868e96;
    font-size: 16px;
    font-weight: normal;
}
h6{
	font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    background: #eee;
    margin: 2px;
    border-radius: 4px;
}

.nav-link {
  display: block;
  padding: .5rem .3rem;
}

p {
	font-weight: 300;
}

.wrapper-title {
    background-color: #6f9bd4;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  height: 100%;
}

.history.card {
  background-color: #F7F7F7; 
}

.weight-300 {
  font-weight: 300;
}

.section {
  background-color: #e9e6e680;
}