* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*-----------------------+
|      RESET  
+------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 1.4em; }

caption, th, td {
  text-align: left;
  font-weight: 400; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: ''; }

@font-face {
  font-family: 'inconsolatabold';
  src: url("../fonts/inconsolata-bold-webfont.eot");
  src: url("../fonts/inconsolata-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/inconsolata-bold-webfont.woff") format("woff"), url("../fonts/inconsolata-bold-webfont.ttf") format("truetype"), url("../fonts/inconsolata-bold-webfont.svg#inconsolatabold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'inconsolataregular';
  src: url("../fonts/inconsolata-regular-webfont.eot");
  src: url("../fonts/inconsolata-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/inconsolata-regular-webfont.woff") format("woff"), url("../fonts/inconsolata-regular-webfont.ttf") format("truetype"), url("../fonts/inconsolata-regular-webfont.svg#inconsolataregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'alegreyaregular';
  src: url("../fonts/alegreya-regular-webfont.eot");
  src: url("../fonts/alegreya-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-regular-webfont.woff") format("woff"), url("../fonts/alegreya-regular-webfont.ttf") format("truetype"), url("../fonts/alegreya-regular-webfont.svg#alegreyaregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'alegreyabold';
  src: url("..fonts/alegreya-bold-webfont.eot");
  src: url("..fonts/alegreya-bold-webfont.eot?#iefix") format("embedded-opentype"), url("..fonts/alegreya-bold-webfont.woff") format("woff"), url("..fonts/alegreya-bold-webfont.ttf") format("truetype"), url("..fonts/alegreya-bold-webfont.svg#alegreyabold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'alegreyabold_italic';
  src: url("../fonts/alegreya-bolditalic-webfont.eot");
  src: url("../fonts/alegreya-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-bolditalic-webfont.woff") format("woff"), url("../fonts/alegreya-bolditalic-webfont.ttf") format("truetype"), url("../fonts/alegreya-bolditalic-webfont.svg#alegreyabold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'alegreyaitalic';
  src: url("../fonts/alegreya-italic-webfont.eot");
  src: url("../fonts/alegreya-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-italic-webfont.woff") format("woff"), url("../fonts/alegreya-italic-webfont.ttf") format("truetype"), url("../fonts/alegreya-italic-webfont.svg#alegreyaitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'source_sans_proregular';
  src: url("../fonts/sourcesanspro-regular-webfont.eot");
  src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }

html {
  font-family: 'alegreyaregular';
  font-size: 100%;
  line-height: 1.5;
  color: #111725;
  -webkit-font-smoothing: antialiased; }

h1, .h1 {
  font-family: 'inconsolatabold', Consolas, monaco, monospace;
  font-size: 4.096em;
  line-height: 0.8;
  margin-top: 0;
  margin-bottom: 0.1em;
  border-bottom: 0.2em solid #bfb4f6; }

h2, .h2 {
  font-family: 'source_san_proregular', sans-serif;
  font-size: 2.56em;
  line-height: 1.1;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0.1em; }

h3, .h3 {
  font-family: 'inconsolataregular', Consolas, monaco, monospace;
  font-size: 1em;
  color: #bfb4fc;
  text-transform: uppercase; }

p, .p {
  font-family: inherit;
  font-size: 1.375em;
  margin-top: 0;
  margin-bottom: 2em; }

.page {
  margin: 0;
  background: #fffffc;
  overflow-x: hidden;
  overflow-y: auto; }

.logo-wrapper {
  margin: auto;
  width: 100%;
  max-width: 38rem;
  height: auto;
  position: relative;
  z-index: 3; }

.logo-container {
  width: 6.5rem;
  height: 7rem;
  position: fixed;
  top: 0.7rem;
  margin-left: 0.7rem; }

.logo-fill {
  fill: #fffffc; }

.logo-box {
  stroke: #fffffc;
  stroke-width: 3;
  fill: none; }

.header {
  margin: 0 0 2rem 0;
  width: 100%;
  background-color: #d9763a;
  position: relative;
  box-sizing: border-box;
  background-clip: padding-box;
  border-bottom: 10px solid transparent;
  z-index: 2; }
  .header:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left: 0;
    background-image: linear-gradient(45deg, transparent 33.333%, #d9763a 33.333%, #d9763a 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #d9763a 33.333%, #d9763a 66.667%, transparent 66.667%);
    background-size: 20px 40px;
    background-position: 50% -30px;
    background-repeat: repeat-x;
    z-index: 1; }

.navigation {
  margin: 0 auto;
  padding: 10rem 0 3rem 7.5rem;
  max-width: 38rem; }

.menu-main {
  margin: auto;
  list-style: none; }

.menu-main-item {
  background-color: #1c000e;
  color: #fffffc;
  font-family: 'inconsolatabold', Consolas, monospace;
  font-size: 3rem;
  padding: 0 1rem;
  margin: 0.4rem; }

.menu-secondary {
  list-style: none;
  border: 3px solid #fffffc;
  margin: 0.6rem 0.4rem 0 0.4rem; }

.menu-secondary:last-child {
  border-bottom: none; }

.menu-secondary-item {
  border-bottom: 3px solid #fffffc;
  color: #fffffc;
  font-family: 'source_sans_proregular';
  font-size: 1.5rem;
  padding: 0.5rem 0.9rem; }

.single-column {
  margin: 0.8rem; }
  .single-column h1, .single-column h3, .single-column p {
    max-width: 38rem;
    margin: auto; }

.article-main {
  margin-bottom: 2rem; }
  .article-main p:first-of-type {
    margin-top: 1rem; }

.footer-main {
  width: 100%;
  background: black;
  position: relative;
  bottom: 0; }