body { 
font-family: -apple-system, BlinkMacSystemFont, 
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 
"Fira Sans", "Droid Sans", "Helvetica Neue", 
sans-serif;
font-size: 2em;
}
h1,h2,h3,h4,h5,h5,
.btn, #mainNav, .post_author { font-family: "Montserrat", sans-serif; }
h1,h2,h3,h4,h5,h5 { font-weight: bold; }
/*.post_author { font-family: "Inconsolata", sans-serif; }*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html,body {
  padding: 0;
  margin: 0;
}

h1,h2,h3,h4,h5,h5,
p { margin-bottom: 0.75em; }
blockquote { font-size: 1.5em; border: solid 3px rgba(0,0,0,0.5); margin: 2em 0; padding: 1em; position: relative; }
blockquote > span { position: absolute; top: 0.25em; left: 0.25em; box-sizing: content-box; display: inline-block; width: 100%; height: 100%; border: solid 3px rgba(0,0,0,0.25); }


hr { border-top: solid 2px rgba(0,0,0,0.25); margin: 1.5em 0; }

a { position: relative; }
a:after { content: " "; opacity: 0; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; }
a:after { background-color: #ccc; }
a:hover:after { opacity: 1; bottom: -3px; }
a:hover { text-decoration: none; }

a.plain:after { background-color: transparent; }

ul, li { margin-left: 0; padding-left: 0; }
li { list-style: none; }


.xs-left { text-align: left; }
.xs-center { text-align: center; }
.xs-right { text-align: right; }

.vcenter { height: 100%; width: 100%; display: table; table-layout: fixed; }
.vcenter > div { display: table-cell; vertical-align: middle; text-align: center; width: 100%; }

.row { padding-top: 1em; padding-bottom: 1em; }

/* Bootstrap */
.btn { font-size: inherit; text-transform: uppercase; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; background-image: none !important; border-radius: 0 !important; border: solid 4px !important; }
.btn:after { background-color: transparent; }
.xs-hidden { display: none; }

/* Themify Icons */
.ti { font-size: 0.8em; }