.navbar {
  background-color: #f5f5f5; /* #b7bec8; */
  border: 0;
  border-bottom: 1px solid #ccc;
}
.nav-tabs {
  border: 0;
}
.nav-tabs > li > a {
  background-color: #e3e4e9;
  border: 1px solid #B5BCC6;
  color: #465069;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  background-color: #d4d6e0;
  border: 1px solid #ADB3BC;
  color: #2f3238;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #d4d6e0;
  border-color: #ADB3BC;
}

.navbar-brand img {
  height: 60px;
  margin-top: 20px;
}

.toolbar .btn-default {
  background-color: #092c74;
  border: 1px solid #445F86;
  color: #cfd9f0;
}

.toolbar .btn-default:focus, .toolbar .btn-default:hover {
  background-color: #2e4981;
  border: 1px solid #47648D;
}

.toolbar .open > .dropdown-toggle.btn-default {
  background-color: #2e4981;
  border: 1px solid #47648D;
}

.toolbar .icon-bar {
  background-color: #cfd9f0;
}



/*** *** ***/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #232323;
  font-variant-ligatures: none;
}
p, .page-content {
  max-width: 700px;
}
a:hover {
  text-decoration: underline !important;
}
h1,h2,h3 {
  font-family: 'Nunito', 'Raleway', sans-serif;
  font-weight: 700;
  color: #124c95;
  line-height: 1.25em;
  font-variant-ligatures: none;
  
}

h1 {
  font-size: 1.55em;
  margin-top: 0;
  margin-bottom: 14px;
  padding: 0 10px 10px 0;
  border-bottom: 2px solid;
  border-color: #faa229;
}

h2 {
  margin-bottom: 6px;
  font-size: 1.35em;
  padding: 12px 0 6px 0;
}
h3 {
  margin-bottom: 6px;
  font-size: 1.2em;
  padding: 12px 0 6px 0;
}
.side-menu {
  background-color: #fff;
  border: 2px solid #c3d2e5;
  padding: 0;
  margin: 16px 8px 24px -15px;
  border-radius: 0;
}
.side-menu li a {
  color: #124c95;
}
.side-menu li a:hover {
  background: #f1f1f1;
}
.side-menu .nav > li.active > a {
  background-color: #eef2fc;
  color: #243A4E;
}
.side-menu h4 {
  color: #232323;
  margin: 0;
  background-color: #c3d2e5;
  border-bottom: 1px solid #d3dbe3;
}
.side-menu ul > li:not(:last-child) {
  border-bottom: 2px solid #E5E7F4;
}

ul.main li {
  margin: 1em 0;
}

/*** *** ***/


/* sm+ */
@media (min-width:768px) {
  .navbar-brand img {
    height: 80px;
    margin-top: 30px;
  }
  h1 {
    font-size: 1.95em;
    margin-top: 10px;
  }
  h2 {
    font-size: 1.65em;
  }
  h3 {
    font-size: 1.45em;
  }
}