h1 {
	text-align: left;
}

.blog-header h1, .blog-header h2 {
	text-align: center;
}

body {
	font-family: 'Open Sans',sans-serif;
}

pre.language-mermaid {
	background: none !important;
	border: none !important;
}

pre.language-mermaid g.label {
	color: #000;
}

#body #breadcrumbs span {
	padding: 0 1rem;
}

h1 {
	text-align: left;
}

.blog-header h1, .blog-header h2 {
	text-align: center;
}

html, body, button, input, select, textarea, .pure-g, .pure-g [class*="pure-u"] {
	font-family: 'Open Sans',sans-serif;
}

pre.language-mermaid {
	background: none !important;
	border: none !important;
}

pre.language-mermaid g.label {
	color: #000;
}

#body #breadcrumbs span {
	padding: 0 1rem;
}

@media (max-width: 800px) { body { font-size: 100%; } }
@media (min-width: 801px) and (max-width: 1200px) { body { font-size: 125%; } }
@media (min-width: 1201px) { body { font-size: 150%; } }
Set font-family back to Open Sans (font-family wasn't applied anymore due to changes in the source css). Add media queries to resize the font-size based on the width of the window.
Set font-family back to Open Sans (font-family wasn't applied anymore due to changes in the source css).
Add media queries to resize the font-size based on the width of the window.
