styles.css

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Pontano+Sans');


html, body {
  
  font-family: 'Pontano Sans', sans-serif;
  font-size: 1.05em;
  line-height: 1.6em;    
  color: #333333;
}

h1, h2, h3, h4, h5 {
  font-family: 'Fjalla One', sans-serif;
}

h2 {
  font-family: 'Fjalla One', sans-serif;
  font-style: normal;
  color: #4d934b;
}

h3 {
  font-family: 'Fjalla One', sans-serif;
  font-style: normal;
  color: #8e9191;
}

.figure {
  
  border: none;
  margin: 0.5em;
  padding: 0.5em; 0.5em; 1.5em; 0.5em
}

.caption {
  font-size: 14px;
  text-align: right;
  padding: 0.25em; 0em; 0em; 0.1em;
}


blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 14px;
  border-left: 5px solid #eee;
}

.tocify {
  font-size: 12px;
}


p {
padding-bottom: 15px;
}

p #nospace{
margin: 0px;
padding: 0px;
}

@media (max-width: 767px) {
  
  html, body{
    font-size: 1em;
    
  }
  
  .container-fluid {
    padding-left: 1px;
    padding-right: 2px;
  }
  
  .sourceCode pre {
    font-size: 60%;
  }
  
  .listing pre {
    font-size: 60%;
  }
  
  
  .caption {
    font-size: 14px;
  }
  
  
  blockquote {
    font-size: 14px;
  }
}