body{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;      
}

.navbar {
  height: 120px;
  background-color: white;
  border-color: white;
}

.logo {
  margin-top: 20px;
  margin-bottom: 35px;
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  height: 105px;
  background-position: right;
}

.navigation {
  font-weight: 700;
  font-size: 1.5vw;
  margin-top: 45px;
}

.navbar-toggle {
  margin-top: 45px;
}

.navigation>.nav>li>a {
  color: black;  
}

.header-link {
  position: absolute;
  left: -0.5em;
  opacity: 0;

  -webkit-transition: opacity 0.2s ease-in-out 0.1s;
  -moz-transition: opacity 0.2s ease-in-out 0.1s;
  -ms-transition: opacity 0.2s ease-in-out 0.1s;
}

h2:hover .header-link,
h3:hover .header-link,
h4:hover .header-link,
h5:hover .header-link,
h6:hover .header-link {
  opacity: 1;
}

h1 {
  font-weight: 700;
  font-size: 40px;  
  margin-top: 0px;
}

.page-body {
}

.page-content {
  margin-bottom: 40px;  
}

.documentation-platform h1 {
  font-weight: 300;
  font-size: 46px;  
}

ul.sections {
  list-style: none;
}

.documentation-body{
  margin-top: 30px;
  margin-bottom: 35px;
}

.documentation-sidebar a {
  color: #0a86cb;
  font-size: 1.5em;
}

.documentation-sidebar .sections a {
  font-size: 1.125em;  
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding: 10px;
  background-color: white;
  text-align: center;
  font-size: 10px;
  font-weight: 100;
}