@font-face {
  font-family: 'Encode Sans Semi Expanded';
  font-style: normal;
  font-weight: 600;
  src: local('Encode Sans Semi Expanded SemiBold'), local('EncodeSansSemiExpanded-SemiBold'), url(../fonts/encode-sans-semi-expanded-semibold.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../fonts/roboto-slab-regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src: local('Slabo 27px'), local('Slabo27px-Regular'), url(../fonts/slabo-27px.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto.ttf) format('truetype');
}

body {
  padding-top: 30px;
  padding-bottom: 75px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.nav-sidebar li a{
	font-family: 'Lato', sans-serif;
	font-weight: normal;
    font-style: normal;
}

.navbar {
  background: pink;
}

.icon-bar {
  background: black;	
}

h1 {
  margin-bottom: 36px;
}

#canvas h1 {
  font-family: 'Encode Sans Semi Expanded', sans-serif;
  font-size: 48px;
}

#canvas p,
#canvas ul,
#canvas ol {
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
}

#canvas p {
  text-align: justify;
}

#canvas li {
	margin-bottom: 6px;
}


#canvas p.claim {
  font-family: 'Slabo 27px', serif;
  font-size: 36px;
  text-align: right;
  margin-top: 36px;
  margin-bottom: 36px;
}

#canvas p.authors {
  text-align: right;
  font-style: italic;
}