@import url("https://use.typekit.net/ixg0kjq.css");
@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i");
/* line 5, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../.rvm/gems/ruby-2.2.6/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, ../sass/_layout.scss */
header, section, footer {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  box-sizing: border-box;
}

/* line 10, ../sass/_layout.scss */
section {
  padding: 7% 5%;
}
/* line 13, ../sass/_layout.scss */
section.full {
  height: 75vh;
}

/* line 20, ../sass/_layout.scss */
div.block {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 15px;
}

/* line 28, ../sass/_layout.scss */
.grid {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  flex-flow: col wrap;
}
/* line 41, ../sass/_helpers.scss */
.grid .col {
  width: 50%;
}
/* line 31, ../sass/_layout.scss */
.grid .col {
  width: 44%;
  padding: 3%;
}
@media (max-width: 600px) {
  /* line 31, ../sass/_layout.scss */
  .grid .col {
    width: 100%;
    padding: 3% 0;
  }
}
/* line 43, ../sass/_layout.scss */
.grid.col-3 .col {
  width: 27.33%;
  padding: 3%;
}
/* line 47, ../sass/_layout.scss */
.grid.col-3 .col.wide {
  width: 60.66%;
  padding: 3%;
}
@media (max-width: 800px) {
  /* line 43, ../sass/_layout.scss */
  .grid.col-3 .col {
    width: 100%;
    padding: 3% 0;
  }
  /* line 56, ../sass/_layout.scss */
  .grid.col-3 .col.wide {
    width: 100%;
    padding: 3% 0;
  }
}
/* line 68, ../sass/_layout.scss */
.grid.col-4 .col {
  width: 23%;
  padding: 2%;
}
@media (max-width: 800px) {
  /* line 68, ../sass/_layout.scss */
  .grid.col-4 .col {
    width: 44%;
    padding: 3%;
  }
}
@media (max-width: 600px) {
  /* line 68, ../sass/_layout.scss */
  .grid.col-4 .col {
    width: 100%;
    padding: 3% 0;
  }
}
/* line 85, ../sass/_layout.scss */
.grid.col-mini .col {
  width: 8%;
  padding: 1%;
}
@media (max-width: 800px) {
  /* line 85, ../sass/_layout.scss */
  .grid.col-mini .col {
    width: 19%;
    padding: 3%;
  }
}
@media (max-width: 600px) {
  /* line 85, ../sass/_layout.scss */
  .grid.col-mini .col {
    width: 44%;
    padding: 3% 0;
  }
}
/* line 103, ../sass/_layout.scss */
.grid.full .col {
  padding: 0;
}

/* line 111, ../sass/_layout.scss */
footer {
  padding: 7% 5%;
}

/* line 2, ../sass/_sidebar.scss */
div.sidebar-wrap {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}

/* line 7, ../sass/_sidebar.scss */
aside {
  width: 20%;
  padding: 7% 5%;
  background: #000;
}

/* line 14, ../sass/_sidebar.scss */
div.sidebar-wrap--sections {
  width: 70%;
}

/* line 18, ../sass/_colors.scss */
span.color {
  display: inline-block;
  width: 125px;
  height: 100px;
  border: 1px solid transparent;
}

/* line 26, ../sass/_colors.scss */
.color1 {
  background-color: #111;
}

/* line 31, ../sass/_colors.scss */
.color.color2 {
  background-color: #fcfcfc;
  border-color: #efefef;
}

/* line 37, ../sass/_colors.scss */
.color3 {
  background-color: #666;
}

/* line 42, ../sass/_colors.scss */
.color4 {
  background-color: #ccc;
}

/* line 47, ../sass/_colors.scss */
.color5 {
  background-color: #efefef;
}

/* line 6, ../sass/_type.scss */
body {
  font-size: 16px;
  line-height: 1.4444;
  font-family: sans-serif;
}

/* line 13, ../sass/_type.scss */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 3%;
  font-weight: normal;
}
/* line 17, ../sass/_type.scss */
h1.border, h2.border, h3.border, h4.border, h5.border, h6.border {
  padding-bottom: 1%;
  border-bottom: 1px solid #efefef;
}

/* line 24, ../sass/_type.scss */
h1 {
  font-size: 4rem;
  font-weight: bold;
}

/* line 28, ../sass/_type.scss */
h2 {
  font-size: 2.6rem;
}

/* line 31, ../sass/_type.scss */
h3 {
  font-size: 1.8rem;
}

/* line 34, ../sass/_type.scss */
h4 {
  font-size: 1.6rem;
}
@media (max-width: 600px) {
  /* line 34, ../sass/_type.scss */
  h4 {
    font-size: 1.2rem;
  }
}

/* line 42, ../sass/_type.scss */
h5, h6 {
  text-transform: uppercase;
}

/* line 45, ../sass/_type.scss */
h5 {
  font-size: 1.2rem;
}
@media (max-width: 600px) {
  /* line 45, ../sass/_type.scss */
  h5 {
    font-size: 1rem;
  }
}

/* line 53, ../sass/_type.scss */
h6 {
  font-size: .8rem;
  letter-spacing: .2rem;
}

/* line 58, ../sass/_type.scss */
p, li {
  font-size: 1rem;
}

/* line 63, ../sass/_type.scss */
p {
  margin-bottom: 3%;
}
/* line 67, ../sass/_type.scss */
p.big {
  font-size: 1.25rem;
}
/* line 71, ../sass/_type.scss */
p.small {
  font-size: .8rem;
}
/* line 76, ../sass/_type.scss */
p.slim {
  margin-bottom: 2%;
}

/* line 83, ../sass/_type.scss */
ol, ul {
  margin-bottom: 3%;
}
/* line 85, ../sass/_type.scss */
ol li, ul li {
  margin-bottom: 2%;
}

/* line 89, ../sass/_type.scss */
ul li:before {
  display: inline-block;
  content: "-";
  margin-right: 10px;
  padding: 1px 5px;
}

/* line 95, ../sass/_type.scss */
ol {
  counter-reset: ordered;
}

/* line 98, ../sass/_type.scss */
ol li::before {
  content: counter(ordered);
  counter-increment: ordered;
  background: #111;
  color: #fcfcfc;
  display: inline-block;
  margin-right: 10px;
  padding: 0 4px;
  font-size: .8rem;
}

/* line 111, ../sass/_type.scss */
code pre {
  font-family: monospace;
  background-color: #fcfcfc;
  width: em(440);
  margin: 4em auto;
  padding: 0.5em 0;
  line-height: 0;
  counter-reset: line;
}
/* line 120, ../sass/_type.scss */
code pre span {
  display: block;
  line-height: 1.5rem;
}
/* line 124, ../sass/_type.scss */
code pre span:first-child {
  font-weight: bold;
}
/* line 128, ../sass/_type.scss */
code pre span:before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  border-right: 1px solid #ccc;
  padding: 0 .5em;
  margin-right: .5em;
  color: #ccc;
}

/* line 142, ../sass/_type.scss */
blockquote {
  border-left: 5px solid #ccc;
  padding: 2%;
}
/* line 146, ../sass/_type.scss */
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p {
  margin-bottom: 0;
}

/* line 152, ../sass/_type.scss */
a {
  color: #666;
  text-decoration-skip: ink;
}
/* line 155, ../sass/_type.scss */
a:hover {
  text-decoration: none;
}

/* line 160, ../sass/_type.scss */
html {
  font-size: 18px;
  font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

/* line 171, ../sass/_type.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "din-condensed",sans-serif;
  line-height: 1.4;
  margin-bottom: 3%;
}

/* line 177, ../sass/_type.scss */
h1 {
  font-size: 3.056rem;
}

/* line 181, ../sass/_type.scss */
h2 {
  font-size: 2rem;
}
@media (max-width: 600px) {
  /* line 181, ../sass/_type.scss */
  h2 {
    font-size: 1.5rem;
  }
}
/* line 188, ../sass/_type.scss */
h2.highlight span {
  background: #F2EDD2;
  color: #111;
  display: inline;
}

/* line 196, ../sass/_type.scss */
h3 {
  font-size: 1.556rem;
  font-family: 'Cousine', monospace;
}
@media (max-width: 600px) {
  /* line 196, ../sass/_type.scss */
  h3 {
    font-size: 1.2rem;
  }
  /* line 202, ../sass/_type.scss */
  h3 br {
    display: none;
  }
}

/* line 209, ../sass/_type.scss */
h4 {
  font-size: 0.8889rem;
  text-transform: uppercase;
}

/* line 214, ../sass/_type.scss */
p, li {
  font-family: 'Cousine', monospace;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
}

/* line 221, ../sass/_type.scss */
p {
  margin-bottom: 3%;
}
/* line 224, ../sass/_type.scss */
p.small {
  font-size: .6rem;
}

/* line 230, ../sass/_type.scss */
em {
  font-style: italic;
}

/* line 234, ../sass/_type.scss */
strong {
  font-weight: 700;
}

/* line 238, ../sass/_type.scss */
a {
  color: #d84533;
  text-decoration: none;
  border-bottom: 1px solid #d84533;
  padding-bottom: 0;
  transition: all .1s linear;
}
/* line 244, ../sass/_type.scss */
a:hover {
  background: #d84533;
  color: #F2EDD2;
  padding-bottom: 1px;
}

/* line 252, ../sass/_type.scss */
::-moz-selection {
  color: #fcfcfc;
  background: #d84533;
}

/* line 257, ../sass/_type.scss */
::selection {
  color: #fcfcfc;
  background: #d84533;
}

/* line 3, ../sass/_buttons.scss */
a.button, button, input[type="submit"] {
  display: inline-block;
  background: #111;
  text-decoration: none;
  margin-bottom: 3%;
  font-size: .9rem;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 10px 25px;
  color: #fcfcfc;
  transition: all .15s ease;
}
/* line 19, ../sass/_buttons.scss */
a.button:hover, button:hover, input[type="submit"]:hover {
  background: #666;
}
/* line 23, ../sass/_buttons.scss */
a.button:active, button:active, input[type="submit"]:active {
  transform: scale(0.95);
}
/* line 27, ../sass/_buttons.scss */
a.button.alt, button.alt, input[type="submit"].alt {
  background: #ccc;
  color: #111;
}
/* line 31, ../sass/_buttons.scss */
a.button.alt:hover, button.alt:hover, input[type="submit"].alt:hover {
  background: transparent;
  border-color: #111;
}
/* line 38, ../sass/_buttons.scss */
a.button.small, button.small, input[type="submit"].small {
  padding: 5px 15px;
}

/* line 3, ../sass/_inputs.scss */
input[type="text"], input[type="email"], input[type="password"], textarea, select {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 3%;
  font-size: 1rem;
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  width: calc(100% - 20px);
}
/* line 13, ../sass/_inputs.scss */
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #111;
}

/* line 21, ../sass/_inputs.scss */
label {
  font-size: .8rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

/* line 30, ../sass/_inputs.scss */
textarea {
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  min-height: 220px;
}

/* line 37, ../sass/_inputs.scss */
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

/* line 42, ../sass/_inputs.scss */
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #111;
  width: 100%;
  height: 44px;
  margin-bottom: 3%;
}

/* line 52, ../sass/_inputs.scss */
.styledSelect {
  border: 2px solid #ccc;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fcfcfc;
  padding: 10px 30px 10px 10px;
}

/* line 65, ../sass/_inputs.scss */
.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #111 transparent transparent transparent;
  position: absolute;
  top: 18px;
  right: 10px;
}

/* line 76, ../sass/_inputs.scss */
.styledSelect:active,
.styledSelect.active {
  background-color: #111;
  color: #fcfcfc;
  border-color: #111;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* line 84, ../sass/_inputs.scss */
.styledSelect:active:after,
.styledSelect.active:after {
  border-color: transparent transparent #fcfcfc transparent;
  bottom: 18px;
  top: auto;
}

/* line 92, ../sass/_inputs.scss */
.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0px;
  left: 0px;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 2px solid #111;
  background-color: white;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 108, ../sass/_inputs.scss */
.options li {
  margin: 0;
  padding: 10px;
}
/* line 111, ../sass/_inputs.scss */
.options li:last-child {
  border-bottom: none;
}
/* line 114, ../sass/_inputs.scss */
.options li:before {
  display: none;
}

/* line 119, ../sass/_inputs.scss */
.options li:hover {
  background-color: #111;
  color: #fcfcfc;
}

/* line 128, ../sass/_inputs.scss */
.checkboxes li, .radios li {
  position: relative;
  padding-left: 0;
}
/* line 132, ../sass/_inputs.scss */
.checkboxes li:before, .radios li:before {
  padding: 1px 3px 5px 1px;
}
/* line 138, ../sass/_inputs.scss */
.checkboxes input[type="checkbox"], .checkboxes input[type="radio"], .radios input[type="checkbox"], .radios input[type="radio"] {
  display: none;
}
/* line 142, ../sass/_inputs.scss */
.checkboxes label, .radios label {
  display: inline-block;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0px;
  font-size: 1rem;
}
/* line 149, ../sass/_inputs.scss */
.checkboxes label:before, .radios label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  transition: all .05s linear;
  font-size: 0;
  padding: 0;
  background: #fcfcfc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItc3F1YXJlIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiI+PC9yZWN0Pjwvc3ZnPg==) no-repeat center center;
  background-size: 100%;
}
/* line 166, ../sass/_inputs.scss */
.checkboxes input:checked + label:before, .radios input:checked + label:before {
  background: #fcfcfc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2stc3F1YXJlIj48cG9seWxpbmUgcG9pbnRzPSI5IDExIDEyIDE0IDIzIDMiPjwvcG9seWxpbmU+PHBhdGggZD0iTTIxIDEydjdhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWNWEyIDIgMCAwIDEgMi0yaDExIj48L3BhdGg+PC9zdmc+) no-repeat center center;
  background-size: 100%;
}

/* line 175, ../sass/_inputs.scss */
.radios label:before {
  background: #fcfcfc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2lyY2xlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PC9zdmc+) no-repeat center center;
  background-size: 100%;
}
/* line 180, ../sass/_inputs.scss */
.radios input:checked + label:before {
  background: #fcfcfc url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2stY2lyY2xlIj48cGF0aCBkPSJNMjIgMTEuMDdWMTJhMTAgMTAgMCAxIDEtNS45My05LjE0Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iMjMgMyAxMiAxNCA5IDExIj48L3BvbHlsaW5lPjwvc3ZnPg==) no-repeat center center;
  background-size: 100%;
}

/* line 5, ../sass/_media.scss */
figure img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

/* line 14, ../sass/_media.scss */
.vid-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  margin-bottom: 10px;
}
/* line 22, ../sass/_media.scss */
.vid-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 1, ../sass/_main.scss */
body {
  background-color: #111;
  color: #F2EDD2;
  overflow-x: hidden;
}

/* line 8, ../sass/_main.scss */
h1.logo {
  width: 200px;
}

/* line 11, ../sass/_main.scss */
h1.logo img {
  width: 100%;
  height: auto;
}

@keyframes noise-anim {
  0% {
    clip: rect(27px, 9999px, 71px, 0);
  }
  5% {
    clip: rect(61px, 9999px, 51px, 0);
  }
  10% {
    clip: rect(76px, 9999px, 74px, 0);
  }
  15% {
    clip: rect(27px, 9999px, 64px, 0);
  }
  20% {
    clip: rect(19px, 9999px, 10px, 0);
  }
  25% {
    clip: rect(74px, 9999px, 29px, 0);
  }
  30% {
    clip: rect(44px, 9999px, 24px, 0);
  }
  35% {
    clip: rect(53px, 9999px, 30px, 0);
  }
  40% {
    clip: rect(90px, 9999px, 8px, 0);
  }
  45% {
    clip: rect(74px, 9999px, 72px, 0);
  }
  50% {
    clip: rect(95px, 9999px, 44px, 0);
  }
  55% {
    clip: rect(38px, 9999px, 42px, 0);
  }
  60% {
    clip: rect(70px, 9999px, 49px, 0);
  }
  65% {
    clip: rect(41px, 9999px, 29px, 0);
  }
  70% {
    clip: rect(78px, 9999px, 91px, 0);
  }
  75% {
    clip: rect(98px, 9999px, 54px, 0);
  }
  80% {
    clip: rect(71px, 9999px, 65px, 0);
  }
  85% {
    clip: rect(78px, 9999px, 55px, 0);
  }
  90% {
    clip: rect(1px, 9999px, 7px, 0);
  }
  95% {
    clip: rect(86px, 9999px, 39px, 0);
  }
  100% {
    clip: rect(81px, 9999px, 55px, 0);
  }
}
@keyframes noise-anim-2 {
  0% {
    clip: rect(94px, 9999px, 41px, 0);
  }
  5% {
    clip: rect(60px, 9999px, 1px, 0);
  }
  10% {
    clip: rect(80px, 9999px, 31px, 0);
  }
  15% {
    clip: rect(78px, 9999px, 6px, 0);
  }
  20% {
    clip: rect(28px, 9999px, 54px, 0);
  }
  25% {
    clip: rect(20px, 9999px, 41px, 0);
  }
  30% {
    clip: rect(84px, 9999px, 13px, 0);
  }
  35% {
    clip: rect(80px, 9999px, 48px, 0);
  }
  40% {
    clip: rect(38px, 9999px, 10px, 0);
  }
  45% {
    clip: rect(41px, 9999px, 32px, 0);
  }
  50% {
    clip: rect(34px, 9999px, 11px, 0);
  }
  55% {
    clip: rect(75px, 9999px, 56px, 0);
  }
  60% {
    clip: rect(22px, 9999px, 10px, 0);
  }
  65% {
    clip: rect(35px, 9999px, 43px, 0);
  }
  70% {
    clip: rect(9px, 9999px, 48px, 0);
  }
  75% {
    clip: rect(45px, 9999px, 18px, 0);
  }
  80% {
    clip: rect(65px, 9999px, 15px, 0);
  }
  85% {
    clip: rect(66px, 9999px, 59px, 0);
  }
  90% {
    clip: rect(67px, 9999px, 59px, 0);
  }
  95% {
    clip: rect(10px, 9999px, 75px, 0);
  }
  100% {
    clip: rect(87px, 9999px, 92px, 0);
  }
}
/* line 37, ../sass/_main.scss */
#video-background {
  position: fixed;
  right: 20%;
  bottom: 20%;
  min-width: 40%;
  min-height: 40%;
  width: auto;
  height: auto;
  z-index: -100;
  opacity: .3;
}

/* line 50, ../sass/_main.scss */
#images {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 40%;
  z-index: -1;
  background: #111;
  opacity: .4;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  /* line 50, ../sass/_main.scss */
  #images {
    left: 3%;
    right: 3%;
  }
}
/* line 69, ../sass/_main.scss */
#images img {
  width: 90%;
  height: auto;
}
@media screen and (max-width: 800px) {
  /* line 69, ../sass/_main.scss */
  #images img {
    width: 100%;
  }
}

/* line 84, ../sass/_main.scss */
.fade-in.fast {
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

/* line 90, ../sass/_main.scss */
.fade-in {
  animation: fade-in 6s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 99, ../sass/_main.scss */
.glitch {
  position: relative;
  font-size: .7rem;
  margin-left: 20px;
}
/* line 105, ../sass/_main.scss */
.glitch span {
  position: absolute;
  margin-left: -20px;
}

/* line 112, ../sass/_main.scss */
.glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #d84533;
  top: 0;
  color: #F2EDD2;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 4s infinite linear alternate-reverse;
}

/* line 125, ../sass/_main.scss */
.glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #292d44;
  top: 0;
  color: #F2EDD2;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 6s infinite linear alternate-reverse;
}

/* line 138, ../sass/_main.scss */
section.tan.full {
  overflow: hidden;
}

/* line 2, ../sass/_sections.scss */
header, section, footer {
  min-height: 420px;
  position: relative;
}
/* line 8, ../sass/_sections.scss */
header.vcenter, section.vcenter, footer.vcenter {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  text-align: center;
}
/* line 15, ../sass/_sections.scss */
header.slim, section.slim, footer.slim {
  min-height: 0;
  padding: 1% 5%;
}
/* line 19, ../sass/_sections.scss */
header.slim h1, header.slim h2, header.slim h3, header.slim h4, header.slim h5, header.slim h6, header.slim p, header.slim li, section.slim h1, section.slim h2, section.slim h3, section.slim h4, section.slim h5, section.slim h6, section.slim p, section.slim li, footer.slim h1, footer.slim h2, footer.slim h3, footer.slim h4, footer.slim h5, footer.slim h6, footer.slim p, footer.slim li {
  margin-bottom: 0;
}
/* line 26, ../sass/_sections.scss */
header.dark, section.dark, footer.dark {
  background: #111;
  color: #fcfcfc;
}
/* line 32, ../sass/_sections.scss */
header.gray-dark, section.gray-dark, footer.gray-dark {
  background: #666;
  color: #fcfcfc;
}
/* line 38, ../sass/_sections.scss */
header.gray-light, section.gray-light, footer.gray-light {
  background: #efefef;
}
/* line 43, ../sass/_sections.scss */
header.tan, section.tan, footer.tan {
  background: #F2EDD2;
  color: #111;
}
/* line 49, ../sass/_sections.scss */
header.full, section.full, footer.full {
  padding: 0;
}
/* line 52, ../sass/_sections.scss */
header.full h1, header.full h2, header.full h3, header.full h4, header.full h5, header.full h6, section.full h1, section.full h2, section.full h3, section.full h4, section.full h5, section.full h6, footer.full h1, footer.full h2, footer.full h3, footer.full h4, footer.full h5, footer.full h6 {
  margin-top: 3%;
}
/* line 56, ../sass/_sections.scss */
header.full .block, section.full .block, footer.full .block {
  width: 100%;
  max-width: none;
}

/* line 2, ../sass/_blocks.scss */
.block {
  box-sizing: border-box;
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
}
/* line 10, ../sass/_blocks.scss */
.block.vtop {
  justify-content: center;
}
/* line 16, ../sass/_blocks.scss */
.block.center h1, .block.center h2, .block.center h3, .block.center h4, .block.center h5, .block.center h6, .block.center p {
  text-align: center;
}

/* line 24, ../sass/_blocks.scss */
.copyright {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

/* line 1, ../sass/_videos.scss */
.video-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 12%;
}
/* line 10, ../sass/_videos.scss */
.video-wrap .video {
  background: #000;
  filter: blur(25px);
  transition: filter .5s ease;
  margin: 0 auto;
  position: relative;
  width: 760px;
  height: 428px;
}
@media (max-width: 800px) {
  /* line 10, ../sass/_videos.scss */
  .video-wrap .video {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 600px) {
  /* line 10, ../sass/_videos.scss */
  .video-wrap .video {
    width: 310px;
    height: 174px;
  }
}
/* line 33, ../sass/_videos.scss */
.video-wrap .video.focus {
  filter: blur(0);
}
/* line 39, ../sass/_videos.scss */
.video-wrap iframe {
  display: block;
  opacity: .4;
  width: 760px;
  height: 428px;
}
@media (max-width: 800px) {
  /* line 39, ../sass/_videos.scss */
  .video-wrap iframe {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 600px) {
  /* line 39, ../sass/_videos.scss */
  .video-wrap iframe {
    width: 310px;
    height: 174px;
  }
}

/* line 3, ../sass/_intro.scss */
#intro .block.grid {
  margin-left: 125px;
  padding-top: 100px;
  padding-left: 100px;
}
@media (max-width: 600px) {
  /* line 3, ../sass/_intro.scss */
  #intro .block.grid {
    margin: 0 auto;
    padding: 25px;
  }
}

/* line 1, ../sass/_block-animations.scss */
.wrap {
  overflow-x: hidden;
}

/* line 6, ../sass/_block-animations.scss */
section svg {
  position: absolute;
  z-index: 0;
  overflow: visible;
  transition: opacity .5s linear;
}
/* line 13, ../sass/_block-animations.scss */
section svg:hover {
  opacity: 1;
}
/* line 16, ../sass/_block-animations.scss */
section svg g {
  display: inline-block;
  animation: breathing 6s ease infinite normal;
}
/* line 20, ../sass/_block-animations.scss */
section svg polygon {
  display: inline-block;
}
@media (max-width: 600px) {
  /* line 6, ../sass/_block-animations.scss */
  section svg {
    transform: scale(0.5);
  }
}
/* line 31, ../sass/_block-animations.scss */
section #one-group-a {
  left: -15%;
  top: -15%;
}
@media (max-width: 600px) {
  /* line 31, ../sass/_block-animations.scss */
  section #one-group-a {
    top: 35%;
  }
}
/* line 41, ../sass/_block-animations.scss */
section #one-group-b {
  right: 10%;
  top: -15%;
}
@media (max-width: 600px) {
  /* line 41, ../sass/_block-animations.scss */
  section #one-group-b {
    top: -40%;
  }
}
/* line 51, ../sass/_block-animations.scss */
section #one-group-c {
  left: 0;
  top: 80%;
}
/* line 56, ../sass/_block-animations.scss */
section #one-group-d {
  right: -20%;
  top: 30%;
}
@media (max-width: 600px) {
  /* line 56, ../sass/_block-animations.scss */
  section #one-group-d {
    right: -65%;
  }
}
/* line 66, ../sass/_block-animations.scss */
section #two-group-a {
  left: -2%;
  top: 25%;
}
/* line 71, ../sass/_block-animations.scss */
section #three-group-a {
  right: 2%;
  top: 0;
}
/* line 76, ../sass/_block-animations.scss */
section #four-group-a {
  left: -1%;
  top: 6%;
}
/* line 81, ../sass/_block-animations.scss */
section #five-group-a {
  right: -3%;
  top: 33%;
}
/* line 86, ../sass/_block-animations.scss */
section #six-group-a {
  left: 0;
  top: 20%;
}
/* line 91, ../sass/_block-animations.scss */
section #seven-group-a {
  right: -10%;
  top: 45%;
}
/* line 96, ../sass/_block-animations.scss */
section #eight-group-a {
  left: 0;
  top: 50%;
}
/* line 101, ../sass/_block-animations.scss */
section #eight-group-b {
  right: 0px;
  bottom: -10%;
}
/* line 106, ../sass/_block-animations.scss */
section #nine-group-a {
  left: 8%;
  bottom: -2%;
}

@keyframes breathing {
  0% {
    transform: scale(0.99);
  }
  25% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.99);
  }
  100% {
    transform: scale(0.99);
  }
}
@keyframes breathingBig {
  0% {
    transform: scale(0.97);
  }
  25% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.97);
  }
  100% {
    transform: scale(0.97);
  }
}
/* line 154, ../sass/_block-animations.scss */
#slide8 h3 {
  filter: blur(10px);
  transition: all 1.5s ease;
}
/* line 157, ../sass/_block-animations.scss */
#slide8 h3.focus {
  filter: blur(0);
}