@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/exo2.ttf") format("truetype");
}

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: #fff;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 26.64px;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; }

b, strong { font-weight: bold; }
em, i, cite { font-style: italic; }

a, a:link, a:active {
  color: #305ae3;
  text-decoration: none;
}
a:hover { text-decoration: underline; }

blockquote { margin: 0 1.5em; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; height: auto; }

.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }

.clear { clear: both; }
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px 20px;
  position: relative;
}

header#masthead { padding: 0; margin: 32px auto; }
header .gravatar {
  overflow: hidden;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0;
  float: right;
}
header .gravatar img { width: 100px; height: 100px; display: block; }
header #brand { float: left; width: 80%; margin-top: 22px; }
header #brand h1 {
  font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #565656;
  line-height: 1.2;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
}
header #brand h1 a {
  font-size: 4em;
  text-transform: none;
  color: #305ae3;
}
header #brand h1 span {
  display: block;
  font-weight: 200;
  color: #888;
  font-size: 1.5em;
  padding: 16px 0 32px;
  text-transform: none;
  line-height: 1.5em;
}

header .twitter { margin: 0 0 8px; }

header nav ul {
  list-style: none;
  margin: 0;
  padding: 4px 0 8px;
  clear: both;
}
header nav li { display: inline; margin: 0 1.1em 0 0; }
header nav a {
  font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}

article { background: transparent; padding: 0; margin-bottom: 80px; border-bottom: none; }
article .title {
  color: #404040;
  line-height: 4rem;
  font-size: 3.8rem;
  font-weight: 700;
  margin: 0 0 0.4em;
}
.page article .title { margin-bottom: 40px; }

article .meta {
  line-height: 1.4;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  margin-bottom: 42px;
}
article .meta div { float: left; }
article .tags a {
  background: #305ae3;
  color: #fff;
  padding: 4px 8px;
  border-radius: 8px;
  text-decoration: none;
}
article .tags a:hover { text-decoration: none; color: #fff; }

article .the-content a { font-weight: 900; }
article .the-content p { color: #000; text-align: justify; }
article .the-content p.aligncenter { text-align: center; margin-bottom: 1.5em; }
article .the-content img { width: auto; }
article .the-content img.size-thumbnail { width: 150px; height: 150px; }
article .the-content blockquote { padding: 0 1.5em; }
article .the-content ol { padding: 0 1.5em 0 0; }
article .the-content ol li { margin-bottom: 1.5em; }
article .the-content ol li ul { padding-top: 1em; }
article .the-content ol li ul li { margin-bottom: 0; }
article .the-content ul li { margin-bottom: 1em; }
article .the-content ul.two-column {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.5em;
  padding: 0;
  list-style: disc;
}
article .the-content ul.two-column li {
  width: 50%;
  line-height: 2em;
  float: left;
  margin-bottom: 0;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
  font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 16px;
}

article .share { width: 100%; text-align: center; }

table.dashed { margin: 16px 0 32px; }
table.dashed, table.dashed th, table.dashed td { border: 1px dashed #ccc; }
table.dashed th, table.dashed td { padding: 16px; }
table.exo2, table.exo2 th, table.exo2 td { font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif; }
table.exo2 span.label, table.exo2 span.inline-label { text-transform: uppercase; }
table.exo2 span.label { display: block; clear: both; }
table.exo2 span.label.small, table.exo2 span.inline-label.small, table.exo2 td.small { font-size: 0.8em; }
table.exo2 td p { font-size: 0.8em; text-align: justify; }
table td ul { margin: 0 0 1.5em 1em; }

article table.media { width: 100%; }
article table.media td { padding: 0 32px 32px; text-align: center; vertical-align: top; }
article table.media a.read-article { display: block; margin-top: 8px; font-weight: 900; }
img.rounded { margin-bottom: 32px; border-radius: 8px; }

.press {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px 24px 4px;
  margin: 0 0 24px;
  overflow: hidden;
}
.press img.press-logo {
  float: left;
  width: 200px;
  height: auto;
  margin: 4px 24px 16px 0;
  border-radius: 8px;
}
.press p { text-align: left; }

#pagination { margin-bottom: 40px; width: 100%; }
#pagination .past-page { float: right; }
#pagination .next-page { float: left; }

footer.site-footer { text-align: center; padding-bottom: 40px; font-size: 12px; }
footer .sitemap { margin-top: 0.5em; }
footer .sitemap a { margin: 0 0.45em; }

@media (max-width: 767px) {
  header #brand { float: none; width: 100%; }
  header .gravatar { float: none; margin: 0 0 16px; }
  header #brand h1 a { font-size: 2.6em; }
  article .the-content ul.two-column li { width: 100%; float: none; }
  article table.media td { display: block; width: 100%; padding: 0 0 32px; }
  .press img.press-logo { float: none; display: block; margin: 0 0 16px; }
}