@charset "UTF-8";
/* Site width
==================================== */
/* Breakpoints
==================================== */
/* Grid
==================================== */
/* Colors
==================================== */
/*
   Mediaqueries
   ========================================================================== */
@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=a4574e90-bf73-4612-8a19-20082fc4b6e8");
@font-face {
  font-family: "Avant Garde";
  src: url("../fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix") format("eot"); }

@font-face {
  font-family: "Avant Garde";
  src: url("../fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix");
  src: url("../fonts/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"), url("../fonts/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"), url("../fonts/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg"); }

*, *:before, *:after {
  box-sizing: border-box; }

body {
  margin: 0;
  background-color: #323232; }

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

img {
  vertical-align: top;
  max-width: 100%;
  height: auto; }

ul, ol, dl {
  padding-left: 20px; }

hr {
  border: none;
  height: 2px;
  background-color: #FFFFFF; }

.header:after,
.card:after,
.photobox:after,
.flickr:after,
.highlights__item:after,
.cf:after {
  content: "";
  display: table;
  clear: both; }

.invisible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.hidden {
  display: none; }

.strike {
  text-decoration: line-through; }

.mq {
  background-color: rgba(29, 29, 27, 0.8);
  font-family: sans-serif;
  font-weight: bold;
  z-index: 99;
  position: fixed;
  padding: 10px;
  color: #fff;
  bottom: 0;
  right: 0;
  color: #95CD28; }
  .mq:before {
    content: 'No min –'; }
  @media screen and (min-width: 28em) {
    .mq:before {
      content: 'Min XS -'; } }
  @media screen and (min-width: 40em) {
    .mq:before {
      content: 'Min SM -'; } }
  @media screen and (min-width: 54em) {
    .mq:before {
      content: 'Min MD -'; } }
  @media screen and (min-width: 70em) {
    .mq:before {
      content: 'Min LG -'; } }
  @media screen and (min-width: 80em) {
    .mq:before {
      content: 'Min XL -'; } }
  .mq:after {
    content: 'No max'; }
  @media screen and (max-width: 80em) {
    .mq:after {
      content: 'Max XL'; } }
  @media screen and (max-width: 70em) {
    .mq:after {
      content: 'Max LG'; } }
  @media screen and (max-width: 54em) {
    .mq:after {
      content: 'Max MD'; } }
  @media screen and (max-width: 40em) {
    .mq:after {
      content: 'Max SM'; } }
  @media screen and (max-width: 28em) {
    .mq:after {
      content: 'Max XS'; } }

body {
  -webkit-font-smoothing: antialiased;
  font-family: Georgia, Times, serif;
  font-size: 100%;
  line-height: 1.6;
  color: #fff; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .form__fieldset--subset legend, .h5, .h6 {
  font-family: "Avant Garde", sans-serif;
  font-weight: normal;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  margin: 0; }

h1, .h1 {
  font-size: 40px;
  text-indent: -1px; }
  @media screen and (min-width: 54em) {
    h1, .h1 {
      font-size: 60px;
      text-indent: -2px; } }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4, .form__fieldset--subset legend {
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase; }

p {
  margin-bottom: 1.6em;
  margin-top: 0px; }

a {
  color: #95CD28; }

.wrapper {
  max-width: 1200px;
  margin: auto;
  transition: padding 0.6s ease; }
  @media screen and (min-width: 28em) {
    .wrapper {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (min-width: 40em) {
    .wrapper {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 54em) {
    .wrapper {
      padding-left: 60px;
      padding-right: 60px; } }
  .wrapper--relative {
    position: relative; }

.content {
  clear: both; }

.grid {
  max-width: 1200px;
  margin: auto;
  padding-left: 0;
  /* Grid Item */
  /* grid span */
  /* grid cell push & pull */ }
  .grid .grid {
    margin-left: -15px;
    margin-right: -15px; }
  .grid--center {
    text-align: center; }
  .grid--rev {
    direction: rtl; }
  .grid__item {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: top;
    direction: ltr;
    width: 100%; }
    .grid__item--center {
      margin: 0 auto; }
    .grid__item--relative {
      position: relative; }
  .grid .span-12 {
    width: 100%; }
  .grid .span-11 {
    width: 91.66667%; }
  .grid .span-10 {
    width: 83.33333%; }
  .grid .span-9 {
    width: 75%; }
  .grid .span-8 {
    width: 66.66667%; }
  .grid .span-7 {
    width: 58.33333%; }
  .grid .span-6 {
    width: 50%; }
  .grid .span-5 {
    width: 41.66667%; }
  .grid .span-4 {
    width: 33.33333%; }
  .grid .span-3 {
    width: 25%; }
  .grid .span-2 {
    width: 16.66667%; }
  .grid .span-1 {
    width: 8.33333%; }
  @media screen and (min-width: 28em) {
    .grid .xs-span-12 {
      width: 100%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-11 {
      width: 91.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-10 {
      width: 83.33333%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-9 {
      width: 75%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-8 {
      width: 66.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-7 {
      width: 58.33333%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-6 {
      width: 50%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-5 {
      width: 41.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-4 {
      width: 33.33333%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-3 {
      width: 25%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-2 {
      width: 16.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-span-1 {
      width: 8.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-12 {
      width: 100%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-11 {
      width: 91.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-10 {
      width: 83.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-9 {
      width: 75%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-8 {
      width: 66.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-7 {
      width: 58.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-6 {
      width: 50%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-5 {
      width: 41.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-4 {
      width: 33.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-3 {
      width: 25%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-2 {
      width: 16.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-span-1 {
      width: 8.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-12 {
      width: 100%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-11 {
      width: 91.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-10 {
      width: 83.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-9 {
      width: 75%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-8 {
      width: 66.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-7 {
      width: 58.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-6 {
      width: 50%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-5 {
      width: 41.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-4 {
      width: 33.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-3 {
      width: 25%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-2 {
      width: 16.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-span-1 {
      width: 8.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-12 {
      width: 100%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-11 {
      width: 91.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-10 {
      width: 83.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-9 {
      width: 75%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-8 {
      width: 66.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-7 {
      width: 58.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-6 {
      width: 50%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-5 {
      width: 41.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-4 {
      width: 33.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-3 {
      width: 25%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-2 {
      width: 16.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-span-1 {
      width: 8.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-12 {
      width: 100%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-11 {
      width: 91.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-10 {
      width: 83.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-9 {
      width: 75%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-8 {
      width: 66.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-7 {
      width: 58.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-6 {
      width: 50%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-5 {
      width: 41.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-4 {
      width: 33.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-3 {
      width: 25%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-2 {
      width: 16.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-span-1 {
      width: 8.33333%; } }
  .grid .push-11 {
    margin-left: 91.66667%; }
  .grid .pull-11 {
    margin-right: 91.66667%; }
  .grid .push-10 {
    margin-left: 83.33333%; }
  .grid .pull-10 {
    margin-right: 83.33333%; }
  .grid .push-9 {
    margin-left: 75%; }
  .grid .pull-9 {
    margin-right: 75%; }
  .grid .push-8 {
    margin-left: 66.66667%; }
  .grid .pull-8 {
    margin-right: 66.66667%; }
  .grid .push-7 {
    margin-left: 58.33333%; }
  .grid .pull-7 {
    margin-right: 58.33333%; }
  .grid .push-6 {
    margin-left: 50%; }
  .grid .pull-6 {
    margin-right: 50%; }
  .grid .push-5 {
    margin-left: 41.66667%; }
  .grid .pull-5 {
    margin-right: 41.66667%; }
  .grid .push-4 {
    margin-left: 33.33333%; }
  .grid .pull-4 {
    margin-right: 33.33333%; }
  .grid .push-3 {
    margin-left: 25%; }
  .grid .pull-3 {
    margin-right: 25%; }
  .grid .push-2 {
    margin-left: 16.66667%; }
  .grid .pull-2 {
    margin-right: 16.66667%; }
  .grid .push-1 {
    margin-left: 8.33333%; }
  .grid .pull-1 {
    margin-right: 8.33333%; }
  @media screen and (min-width: 28em) {
    .grid .xs-push-11 {
      margin-left: 91.66667%; }
    .grid .xs-pull-11 {
      margin-right: 91.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-10 {
      margin-left: 83.33333%; }
    .grid .xs-pull-10 {
      margin-right: 83.33333%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-9 {
      margin-left: 75%; }
    .grid .xs-pull-9 {
      margin-right: 75%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-8 {
      margin-left: 66.66667%; }
    .grid .xs-pull-8 {
      margin-right: 66.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-7 {
      margin-left: 58.33333%; }
    .grid .xs-pull-7 {
      margin-right: 58.33333%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-6 {
      margin-left: 50%; }
    .grid .xs-pull-6 {
      margin-right: 50%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-5 {
      margin-left: 41.66667%; }
    .grid .xs-pull-5 {
      margin-right: 41.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-4 {
      margin-left: 33.33333%; }
    .grid .xs-pull-4 {
      margin-right: 33.33333%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-3 {
      margin-left: 25%; }
    .grid .xs-pull-3 {
      margin-right: 25%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-2 {
      margin-left: 16.66667%; }
    .grid .xs-pull-2 {
      margin-right: 16.66667%; } }
  @media screen and (min-width: 28em) {
    .grid .xs-push-1 {
      margin-left: 8.33333%; }
    .grid .xs-pull-1 {
      margin-right: 8.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-11 {
      margin-left: 91.66667%; }
    .grid .sm-pull-11 {
      margin-right: 91.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-10 {
      margin-left: 83.33333%; }
    .grid .sm-pull-10 {
      margin-right: 83.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-9 {
      margin-left: 75%; }
    .grid .sm-pull-9 {
      margin-right: 75%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-8 {
      margin-left: 66.66667%; }
    .grid .sm-pull-8 {
      margin-right: 66.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-7 {
      margin-left: 58.33333%; }
    .grid .sm-pull-7 {
      margin-right: 58.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-6 {
      margin-left: 50%; }
    .grid .sm-pull-6 {
      margin-right: 50%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-5 {
      margin-left: 41.66667%; }
    .grid .sm-pull-5 {
      margin-right: 41.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-4 {
      margin-left: 33.33333%; }
    .grid .sm-pull-4 {
      margin-right: 33.33333%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-3 {
      margin-left: 25%; }
    .grid .sm-pull-3 {
      margin-right: 25%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-2 {
      margin-left: 16.66667%; }
    .grid .sm-pull-2 {
      margin-right: 16.66667%; } }
  @media screen and (min-width: 40em) {
    .grid .sm-push-1 {
      margin-left: 8.33333%; }
    .grid .sm-pull-1 {
      margin-right: 8.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-11 {
      margin-left: 91.66667%; }
    .grid .md-pull-11 {
      margin-right: 91.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-10 {
      margin-left: 83.33333%; }
    .grid .md-pull-10 {
      margin-right: 83.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-9 {
      margin-left: 75%; }
    .grid .md-pull-9 {
      margin-right: 75%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-8 {
      margin-left: 66.66667%; }
    .grid .md-pull-8 {
      margin-right: 66.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-7 {
      margin-left: 58.33333%; }
    .grid .md-pull-7 {
      margin-right: 58.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-6 {
      margin-left: 50%; }
    .grid .md-pull-6 {
      margin-right: 50%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-5 {
      margin-left: 41.66667%; }
    .grid .md-pull-5 {
      margin-right: 41.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-4 {
      margin-left: 33.33333%; }
    .grid .md-pull-4 {
      margin-right: 33.33333%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-3 {
      margin-left: 25%; }
    .grid .md-pull-3 {
      margin-right: 25%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-2 {
      margin-left: 16.66667%; }
    .grid .md-pull-2 {
      margin-right: 16.66667%; } }
  @media screen and (min-width: 54em) {
    .grid .md-push-1 {
      margin-left: 8.33333%; }
    .grid .md-pull-1 {
      margin-right: 8.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-11 {
      margin-left: 91.66667%; }
    .grid .lg-pull-11 {
      margin-right: 91.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-10 {
      margin-left: 83.33333%; }
    .grid .lg-pull-10 {
      margin-right: 83.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-9 {
      margin-left: 75%; }
    .grid .lg-pull-9 {
      margin-right: 75%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-8 {
      margin-left: 66.66667%; }
    .grid .lg-pull-8 {
      margin-right: 66.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-7 {
      margin-left: 58.33333%; }
    .grid .lg-pull-7 {
      margin-right: 58.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-6 {
      margin-left: 50%; }
    .grid .lg-pull-6 {
      margin-right: 50%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-5 {
      margin-left: 41.66667%; }
    .grid .lg-pull-5 {
      margin-right: 41.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-4 {
      margin-left: 33.33333%; }
    .grid .lg-pull-4 {
      margin-right: 33.33333%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-3 {
      margin-left: 25%; }
    .grid .lg-pull-3 {
      margin-right: 25%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-2 {
      margin-left: 16.66667%; }
    .grid .lg-pull-2 {
      margin-right: 16.66667%; } }
  @media screen and (min-width: 70em) {
    .grid .lg-push-1 {
      margin-left: 8.33333%; }
    .grid .lg-pull-1 {
      margin-right: 8.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-11 {
      margin-left: 91.66667%; }
    .grid .xl-pull-11 {
      margin-right: 91.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-10 {
      margin-left: 83.33333%; }
    .grid .xl-pull-10 {
      margin-right: 83.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-9 {
      margin-left: 75%; }
    .grid .xl-pull-9 {
      margin-right: 75%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-8 {
      margin-left: 66.66667%; }
    .grid .xl-pull-8 {
      margin-right: 66.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-7 {
      margin-left: 58.33333%; }
    .grid .xl-pull-7 {
      margin-right: 58.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-6 {
      margin-left: 50%; }
    .grid .xl-pull-6 {
      margin-right: 50%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-5 {
      margin-left: 41.66667%; }
    .grid .xl-pull-5 {
      margin-right: 41.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-4 {
      margin-left: 33.33333%; }
    .grid .xl-pull-4 {
      margin-right: 33.33333%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-3 {
      margin-left: 25%; }
    .grid .xl-pull-3 {
      margin-right: 25%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-2 {
      margin-left: 16.66667%; }
    .grid .xl-pull-2 {
      margin-right: 16.66667%; } }
  @media screen and (min-width: 80em) {
    .grid .xl-push-1 {
      margin-left: 8.33333%; }
    .grid .xl-pull-1 {
      margin-right: 8.33333%; } }

.header {
  z-index: 2;
  padding-top: 60px; }
  .header--alt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .header a {
    text-decoration: none; }

.conference {
  margin-left: 15px;
  float: left; }
  .conference__name {
    text-shadow: 1px 1px 0 #323232;
    font-size: 24px;
    line-height: 24px;
    margin: 0; }
    @media screen and (min-width: 54em) {
      .conference__name {
        font-size: 32px;
        line-height: 32px; } }
    .conference__name:after {
      content: " ";
      display: block;
      height: 6px;
      width: 24px;
      background-color: #95CD28;
      margin: 15px 0; }
    @media screen and (min-width: 70em) {
      .conference__name span {
        display: block;
        margin-bottom: 1em; } }
  .conference__info {
    display: inline-block;
    text-shadow: 1px 1px 0 #323232; }
    .conference__info p {
      margin: 0;
      line-height: 1.4; }
    @media screen and (min-width: 54em) {
      .conference__info span {
        display: block; } }
  .conference a {
    color: #FFFFFF; }
    .conference a:hover,
    .conference a:focus {
      color: #95CD28; }

.nav {
  font-family: "Avant Garde", sans-serif;
  position: relative; }
  @media screen and (min-width: 70em) {
    .nav {
      margin-left: 33.33%; } }
  .nav__toggle {
    position: absolute;
    right: 15px;
    top: 0; }
    @media screen and (min-width: 28em) {
      .nav__toggle {
        top: 3px; } }
    @media screen and (min-width: 70em) {
      .nav__toggle {
        display: none; } }
    .nav__toggle h2 {
      margin: 0;
      font-size: 18px; }
  .nav__list {
    padding-top: 5px;
    clear: both; }
    @media screen and (max-width: 70em) {
      .nav__list {
        padding-top: 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
    @media screen and (min-width: 70em) {
      .nav__list {
        white-space: nowrap;
        padding-left: 15px;
        clear: none; } }
    .nav__list.is-closed {
      display: none; }
      @media screen and (min-width: 70em) {
        .nav__list.is-closed {
          display: block; } }
  @media screen and (max-width: 70em) {
    .nav__list__item {
      border-top: 1px solid rgba(255, 255, 255, 0.1); } }
  @media screen and (min-width: 70em) {
    .nav__list__item {
      display: inline-block; } }
  @media screen and (min-width: 70em) {
    .nav__list__item + .nav__list__item {
      margin-left: 2.5%; } }
  @media screen and (min-width: 75emem) {
    .nav__list__item + .nav__list__item {
      margin-left: 4.75%;
      transition: margin 0.6s ease; } }
  .nav__link {
    font-size: 20px;
    color: #FFFFFF;
    transition: background-color 0.3s ease; }
    @media screen and (max-width: 70em) {
      .nav__link {
        background-color: #323232;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 48px;
        display: block; } }
    .nav__link:hover,
    .nav__link:focus {
      color: #95CD28; }
      @media screen and (max-width: 70em) {
        .nav__link:hover,
        .nav__link:focus {
          background-color: rgba(29, 29, 27, 0.5); } }
  .nav li span {
    font-size: 20px;
    color: #1D1D1B;
    cursor: default; }
    @media screen and (max-width: 70em) {
      .nav li span {
        background-color: #323232;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 48px;
        display: block; } }

.lang {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: right;
  padding: 3px; }
  @media screen and (max-width: 70em) {
    .lang {
      background-color: #1D1D1B;
      text-align: center;
      display: block;
      width: 100%; } }
  .lang__link {
    font: 14px "Avant Garde", sans-serif;
    text-decoration: none;
    color: #FFFFFF; }
    @media screen and (min-width: 70em) {
      .lang__link {
        border-bottom: 2px solid #95CD28;
        padding-bottom: 4px;
        margin-right: 15px; } }

.section {
  background-color: #323232;
  padding-top: 60px;
  padding-bottom: 30px; }
  .section--alt {
    background-color: #1D1D1B;
    margin-bottom: 60px; }
  .section--offset {
    background-color: transparent;
    margin-top: -90px;
    transition: margin-top 0.3s ease; }
    @media screen and (min-width: 40em) {
      .section--offset {
        margin-top: -150px; } }
  .section--top {
    padding-top: 15px; }
  .section__title {
    margin-bottom: 30px; }
    .section__title--underlined {
      border-bottom: 2px solid #FFFFFF;
      padding-bottom: 10px; }
  .section--flush {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px; }

.page__title--pad,
.page__content--pad {
  margin-left: 15px;
  margin-right: 15px; }

@media screen and (min-width: 70em) {
  .page__title--push,
  .page__content--push {
    margin-left: 25%;
    margin-left: calc(25% + 15px); } }

@media screen and (min-width: 70em) {
  .page__title--pull,
  .page__content--pull {
    margin-right: 25%;
    margin-right: calc(25% + 15px); } }

.page__title {
  text-shadow: 1px 1px 0 #323232;
  margin-bottom: 30px; }
  .page__title--alt {
    margin-top: 30px; }

.page__lead,
.page__bodytext {
  font-size: 18px;
  max-width: 640px;
  margin-bottom: 60px; }

.page__thumb {
  width: 240px;
  margin: 0 4px 15px auto;
  display: block;
  overflow: hidden;
  border-radius: 50%; }

.page__meta a {
  text-decoration: none; }

.page__meta {
  overflow: hidden; }

.page__meta-item {
  font-family: "Avant Garde", sans-serif;
  font-size: 15px;
  float: left;
  margin-right: 30px; }

.page__quote {
  margin: 50px 0px 40px -22px;
  max-width: 640px;
  border-left: 6px solid #85b824;
  padding-left: 15px; }
  .page__quote p {
    font-size: 30px;
    line-height: 1.4;
    margin: 0; }
  .page__quote p + p {
    margin-top: 1.5em; }
  .page__quote footer {
    font-family: "Avant Garde", sans-serif;
    font-size: 15px;
    padding-top: 10px; }
  .page__quote cite {
    font-style: normal; }
  .page__quote span {
    text-transform: uppercase;
    display: block;
    color: #95CD28; }

.page__timestamp {
  font-family: "Avant Garde", sans-serif;
  font-size: 15px;
  padding-top: 4px; }
  @media screen and (min-width: 70em) {
    .page__timestamp {
      text-align: right; } }

.page__item {
  margin-bottom: 60px; }
  .page__item h3 a {
    text-decoration: none; }
    .page__item h3 a:hover,
    .page__item h3 a:focus {
      text-decoration: underline;
      color: #FFFFFF; }
  .page__item p {
    margin-top: 0; }

.page__illustration--pr {
  padding-right: 24px; }

@media screen and (min-width: 54em) {
  .page__illustration--foredrag {
    padding-top: 20px; } }

@media screen and (min-width: 54em) {
  .page__illustration--to-top {
    margin-top: -120px; } }

@media screen and (min-width: 70em) {
  .page__illustration--to-top {
    margin-top: -170px; } }

@media screen and (min-width: 54em) {
  .page__illustration--to-top-2 {
    margin-top: -50px; } }

@media screen and (min-width: 70em) {
  .page__illustration--to-top-2 {
    margin-top: -89px; } }

@media screen and (min-width: 54em) {
  .page__illustration--to-top-3 {
    margin-top: -90px; } }

@media screen and (min-width: 70em) {
  .page__illustration--to-top-3 {
    margin-top: -110px; } }

.page__illustration svg {
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 54em) {
    .page__illustration svg {
      margin-bottom: 18px; } }

.footer {
  padding-top: 30px;
  padding-bottom: 30px; }
  .footer__illustration {
    background: url(../../../assets/img/illustrasjon-footer.svg) no-repeat;
    background-position: 0px 0px;
    width: 277px;
    height: 92px;
    position: absolute;
    right: 0;
    top: -70px;
    margin-right: 85px; }
    @media screen and (max-width: 54em) {
      .footer__illustration {
        margin-right: 55px; } }
    @media screen and (max-width: 28em) {
      .footer__illustration {
        margin-right: 10px; } }
  .footer hr {
    margin-bottom: 30px; }
    @media screen and (min-width: 28em) {
      .footer hr {
        margin-left: 15px;
        margin-right: 15px; } }
  .footer ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    @media screen and (max-width: 54em) {
      .footer ul {
        margin: 0 0 30px; } }
  .footer a {
    color: #FFFFFF; }
  @media screen and (min-width: 40em) {
    .footer .column-list {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px; } }

.conference__host {
  margin-bottom: 30px;
  letter-spacing: -0.05em;
  max-width: 180px; }

.hero {
  position: relative;
  padding: 60px 0 36% 0;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 99%;
  margin-top: -30px; }
  @media screen and (min-width: 54em) {
    .hero {
      padding-top: 15px; } }
  @media screen and (min-width: 70em) {
    .hero {
      min-height: 530px; } }
  @media screen and (min-width: 80em) {
    .hero {
      padding-top: 30px;
      max-width: 80em;
      padding-bottom: 430px;
      margin: auto; } }
  .hero__text {
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding: 0 2em;
    margin: 0 auto;
    max-width: 22em; }
    @media screen and (min-width: 28em) {
      .hero__text {
        margin-bottom: -50px;
        font-size: 24px; } }
    @media screen and (min-width: 40em) {
      .hero__text {
        margin-bottom: -75px;
        font-size: 24px; } }
    @media screen and (min-width: 54em) {
      .hero__text {
        margin-bottom: -125px;
        font-size: 32px;
        max-width: 18em; } }
    @media screen and (min-width: 70em) {
      .hero__text {
        margin-bottom: -175px;
        max-width: 21em; } }
    .hero__text p {
      margin: 0 0 30px 0; }

.card {
  background-color: #1D1D1B;
  margin-bottom: 30px;
  padding: 30px;
  position: relative; }
  .card:hover {
    background-color: #000; }
  @media screen and (min-width: 54em) {
    .card--speaker {
      min-height: 460px; } }
  @media screen and (min-width: 70em) {
    .card--speaker {
      min-height: 460px; } }
  @media screen and (min-width: 54em) {
    .card--workshop {
      min-height: 520px; } }
  @media screen and (min-width: 70em) {
    .card--workshop {
      min-height: 460px; } }
  .card__time {
    display: block;
    font-family: "Avant Garde", sans-serif;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 7.5px;
    margin: -5px 0 20px 0;
    font-size: 14px; }
  .card__name {
    font-family: "Avant Garde", sans-serif;
    text-transform: uppercase;
    margin: 0 0 5px 0; }
  .card__title {
    margin: 0 0 15px 0;
    line-height: 1.3; }
    .card__title a {
      color: #95CD28; }
  .card__thumb {
    border-radius: 50%;
    overflow: hidden; }
  .card__image {
    max-width: 120px;
    margin-bottom: 10px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block; }
    .card__image--alt {
      float: left; }
  .card__lead--alt {
    margin-left: 150px; }
  .card__lead p {
    margin-top: 0.5em; }
  .card__spots {
    font-family: "Avant Garde", sans-serif; }
    .card__spots a {
      color: #95CD28; }
  .card__twitter {
    font-family: "Avant Garde", sans-serif;
    font-size: 15px; }
    .card__twitter svg {
      position: relative;
      top: 2px; }
  .card__video {
    position: relative; }
    .card__video--ratio {
      padding-top: 56.25%;
      height: 0;
      width: 100%; }
    .card__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .card a {
    text-decoration: none;
    position: relative;
    z-index: 2; }
    .card a:hover,
    .card a:focus {
      text-decoration: underline;
      color: #FFFFFF; }
  .card__clickarea {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1 !important; }

.program {
  font-family: "Avant Garde", sans-serif; }
  .program a {
    text-decoration: none; }
    .program a:hover .program__title,
    .program a:focus .program__title {
      text-decoration: underline; }
  .program hr {
    height: 1px;
    border: none;
    background-color: rgba(255, 255, 255, 0.1); }
  .program__list {
    margin-top: 30px;
    margin-bottom: 45px; }
    .program__list__title {
      border-bottom: 3px solid #FFFFFF;
      padding-bottom: 5px;
      margin-bottom: 15px;
      font-size: 20px; }
  .program__entry {
    border-bottom: 1px solid #555;
    padding-bottom: 12px;
    margin-top: 12px; }
    @media screen and (min-width: 40em) {
      .program__entry {
        padding-bottom: 15px;
        margin-top: 15px; } }
    @media screen and (min-width: 54em) {
      .program__entry {
        padding-left: 130px; } }
    .program__entry__item {
      display: block; }
    .program__entry__item + .program__entry__item {
      margin-top: 15px; }
    .program__entry--basic .program__time {
      margin-top: 6px; }
  .program__time {
    font-size: 14px;
    display: inline-block; }
    @media screen and (max-width: 54em) {
      .program__time {
        font-size: 12px;
        background: #FFF;
        color: #222;
        padding: 0 5px;
        letter-spacing: -0.025em;
        margin-bottom: 5px; } }
    @media screen and (min-width: 54em) {
      .program__time {
        float: left;
        margin-left: -130px;
        margin-top: 2px; } }
  .program__speaker {
    font-family: "Avant Garde", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
    margin: 0;
    color: #FFFFFF; }
  .program__title {
    text-transform: none;
    font-size: 20px;
    line-height: 24px; }
  .program__text {
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.9);
    margin: 0; }

.bullet {
  padding-left: 30px; }
  .bullet:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #95CD28;
    float: left;
    margin: 2px 0 0 -30px; }

.selling_point {
  padding-left: 75px; }
  @media screen and (min-width: 28em) {
    .selling_point {
      padding-left: 100px; } }
  @media screen and (min-width: 54em) {
    .selling_point {
      padding-left: 0; } }
  .selling_point img {
    float: left;
    display: block;
    margin: auto;
    max-width: 75px;
    margin-left: -80px; }
    @media screen and (min-width: 28em) {
      .selling_point img {
        margin-left: -120px;
        max-width: 100px; } }
    @media screen and (min-width: 54em) {
      .selling_point img {
        float: none;
        max-width: 200px;
        margin: auto; } }

.quote {
  margin: 0 15px 30px 0; }
  .quote > p {
    font-family: "Avant Garde", sans-serif;
    font-weight: normal;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    font-size: 32px;
    margin-bottom: 0;
    margin-top: 30px; }
  .quote > p + p {
    margin-top: 1.4em; }
  .quote > footer {
    padding-top: 8px;
    font-size: 16px; }
    .quote > footer cite {
      font-style: normal; }

.sponsor__item {
  margin-bottom: 30px; }
  .sponsor__item img {
    width: 100%;
    height: auto; }

.signup {
  text-align: center; }
  @media screen and (min-width: 70em) {
    .signup {
      padding-bottom: 38px; } }
  .signup__button {
    background-color: #95CD28;
    display: inline-block;
    padding: 15px;
    margin: 0 0 20px 0;
    text-align: center;
    text-decoration: none;
    font-family: "Avant Garde", arial, sans-serif;
    font-size: 14px;
    color: #1D1D1B; }
    @media screen and (min-width: 54em) {
      .signup__button {
        padding: 15px 60px;
        font-size: 16px; } }

.login {
  background-color: #1D1D1B;
  padding: 30px;
  max-width: 300px;
  margin: auto;
  margin-top: 15%; }
  .login h1 {
    color: #95CD28;
    margin-bottom: 15px; }
  .login label {
    margin-top: 10px; }
  .login input {
    width: 100%; }
  .login button {
    background-color: #95CD28;
    border: none;
    color: #FFFFFF;
    font: 18px/48px "Avant Garde", Arial, sans-serif;
    display: block;
    width: 100%;
    color: #1D1D1B;
    text-transform: uppercase; }
  .login p {
    margin: 20px 0 0 0; }

fieldset {
  border: none;
  padding: 0;
  margin-bottom: 30px; }

legend {
  font-family: "Avant Garde", arial, sans-serif;
  font-size: 24px;
  margin-bottom: 15px;
  color: #FFFFFF; }

label {
  display: block;
  font-family: "Avant Garde", arial, sans-serif;
  color: #95CD28;
  font-size: 16px; }

label > strong,
label > span {
  font-family: "Avant Garde", arial, sans-serif;
  display: block; }

label > span {
  color: #FFFFFF; }

label > strong {
  color: #95CD28; }

input + label {
  display: inline-block;
  font-family: Georgia, serif; }

input,
textarea {
  border: 0;
  width: 100%;
  box-sizing: border-box;
  font-family: Georgia, serif;
  font-size: 100%;
  max-width: 450px;
  background: #323232;
  color: #FFFFFF; }

textarea {
  padding: 10px 7px; }
  textarea:focus {
    border: 3px solid #95CD28;
    background-color: #FFFFFF;
    outline: none;
    color: #1D1D1B; }

input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="text"],
input[type="tel"] {
  height: 45px;
  padding: 10px 7px;
  line-height: 1; }
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="text"]:focus,
  input[type="tel"]:focus {
    border: 3px solid #95CD28;
    background-color: #FFFFFF;
    outline: none;
    color: #1D1D1B; }

input[type="radio"],
input[type="checkbox"] {
  width: auto;
  vertical-align: top; }

textarea {
  min-height: 80px; }

.form__fieldset {
  margin-left: 15px;
  margin-right: 15px; }
  .form__fieldset--radio {
    margin-bottom: 30px; }
  .form__fieldset--subset {
    margin: 30px 0 15px 0;
    padding-right: 50px; }
    .form__fieldset--subset legend {
      color: #95CD28; }
    .form__fieldset--subset label > strong {
      color: #FFFFFF;
      font-size: 20px; }

.form__item {
  margin-bottom: 15px;
  overflow: hidden; }
  @media screen and (min-width: 70em) {
    .form__item {
      padding-right: 60px; } }
  .form__item--website {
    display: none; }
  .form__item--radio {
    padding: 3px 0 15px 50px;
    margin-bottom: 0;
    margin-top: 15px;
    position: relative; }
    .form__item--radio label {
      padding: 4px 0 0 50px;
      margin-left: -50px;
      display: inline-block;
      color: #FFFFFF;
      cursor: pointer; }
    .form__item--radio input[type="radio"] {
      position: absolute;
      top: -30px; }
      .form__item--radio input[type="radio"] ~ .input__indicator {
        background: url("../../../assets/gfx/radiobutton.svg") no-repeat 3px 3px;
        background-color: rgba(175, 175, 175, 0);
        display: inline-block;
        margin-bottom: 2px;
        width: 36px;
        height: 36px;
        margin-top: 0;
        margin-left: -50px;
        float: left;
        border-radius: 50%; }
      .form__item--radio input[type="radio"]:hover ~ .input__indicator,
      .form__item--radio input[type="radio"]:focus ~ .input__indicator {
        background-image: url("../../../assets/gfx/radiobutton_focus.svg");
        background-color: #95CD28; }
      .form__item--radio input[type="radio"]:checked ~ .input__indicator {
        background-image: url("../../../assets/gfx/radiobutton_selected.svg"); }
    .form__item--radio a {
      display: inline-block; }
  .form__item--parent {
    border: 1px solid #323232;
    padding: 15px 15px 15px 70px; }
  .form__item--child {
    border-top: 1px dashed #797979;
    padding: 15px 15px 5px 50px;
    margin-top: 7.5px; }
  .form__item--checkbox {
    padding: 0 0 10px 30px;
    margin-bottom: 0;
    margin-top: 15px;
    position: relative; }
    .form__item--checkbox input[type="checkbox"] {
      position: absolute;
      top: -30px; }
    .form__item--checkbox input + label {
      background: url("../../../assets/gfx/checkbox.svg") no-repeat;
      display: inline-block;
      margin-bottom: 2px;
      padding: 0 0 0 30px;
      margin-left: -30px;
      cursor: pointer;
      color: #FFFFFF; }
    .form__item--checkbox input:checked + label {
      background-image: url("../../../assets/gfx/checkbox_selected.svg"); }
    .form__item--checkbox a {
      display: inline-block; }

.form__input--w4 {
  width: 100px; }

.form__button {
  background-color: #95CD28;
  color: #1D1D1B;
  font-family: "Avant Garde", arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 10px 30px;
  margin: 0 0 20px 15px;
  border: 3px solid #95CD28;
  font-size: 18px;
  cursor: pointer; }
  .form__button:hover,
  .form__button:focus {
    border: 3px solid #FFFFFF; }

.photobox {
  background-color: #1D1D1B;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  clear: both;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 60px 0; }
  .photobox__item {
    display: block;
    width: 50%;
    width: calc(100% / 2); }
    @media screen and (min-width: 54em) {
      .photobox__item {
        width: 33%;
        width: calc(100% / 3); } }
    @media screen and (min-width: 110em) {
      .photobox__item {
        width: 16%;
        width: calc(100% / 6); } }
  .photobox img {
    display: block;
    width: 100%;
    height: auto; }

.flickr {
  background-color: #1D1D1B;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  clear: both;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 60px 0; }
  .flickr__item {
    overflow: hidden;
    display: block;
    width: 50%;
    width: calc(100% / 2); }
    @media screen and (min-width: 54em) {
      .flickr__item {
        width: 33%;
        width: calc(100% / 3); } }
    @media screen and (min-width: 110em) {
      .flickr__item {
        width: 16%;
        width: calc(100% / 6); } }
  .flickr img {
    display: block;
    width: 100%;
    height: auto;
    transition: -webkit-transform 300ms linear;
    transition: transform 300ms linear; }
    .flickr img:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); }

.video {
  position: relative;
  padding-top: 56.25%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 30px; }
  @media screen and (min-width: 54em) {
    .video {
      margin-top: 60px; } }
  .video__live {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 15px;
    font: 14px "Avant Garde", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.05em; }
    .video__live:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background-color: red;
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 0.5em;
      margin-bottom: 0.2em;
      -webkit-animation: live 1.5s infinite linear;
      animation: live 1.5s infinite linear; }
  .video__feed object {
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 55; }
  .video__bug {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99;
    font: 14px "Avant Garde", Helvetica, Arial, sans-serif;
    text-align: right;
    color: rgba(255, 255, 255, 0.25); }

@-webkit-keyframes live {
  0%, 100% {
    background-color: red; }
  50% {
    background-color: orangered;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes live {
  0%, 100% {
    background-color: red; }
  50% {
    background-color: orangered;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

.gallery {
  padding-left: 30px;
  padding-right: 30px; }
  .gallery:after {
    content: '';
    display: none; }
    @media screen and (min-width: 70em) {
      .gallery:after {
        content: 'flickity'; } }
  .gallery__item {
    width: 500px;
    height: 309px;
    background-color: #1D1D1B;
    margin-right: 30px;
    line-height: 280px;
    text-align: center;
    font-size: 90px; }

.mailchimp.is-closed {
  display: none; }

.blogposts ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.blogposts li {
  font-family: "Avant Garde", sans-serif;
  padding-top: 15px; }

.blogposts li + li {
  border-top: 1px dashed #323232;
  margin-top: 15px; }

.blogposts a {
  font-size: 24px;
  line-height: 1.3; }

.blogposts small {
  text-transform: uppercase;
  display: block; }

.instagram {
  padding-top: 15px; }
  .instagram ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .instagram li {
    width: 50%;
    -webkit-flex: 0 0 calc((100% / 2) - 4px);
    -ms-flex: 0 0 calc((100% / 2) - 4px);
    flex: 0 0 calc((100% / 2) - 4px);
    margin-bottom: 6px; }
    @media screen and (min-width: 54em) {
      .instagram li {
        width: 25%;
        -webkit-flex: 0 0 calc((100% / 4) - 4px);
        -ms-flex: 0 0 calc((100% / 4) - 4px);
        flex: 0 0 calc((100% / 4) - 4px); } }
    @media screen and (min-width: 70em) {
      .instagram li {
        width: 50%;
        -webkit-flex: 0 0 calc((100% / 2) - 4px);
        -ms-flex: 0 0 calc((100% / 2) - 4px);
        flex: 0 0 calc((100% / 2) - 4px); } }
  .instagram a {
    display: block; }
  .instagram img {
    vertical-align: top; }

.tweets {
  padding-top: 30px; }
  .tweets__item {
    margin-bottom: 15px; }
    .tweets__item blockquote {
      margin: 0;
      font-size: 0.875rem;
      text-align: right; }
      .tweets__item blockquote > p {
        text-align: left;
        font-size: 1rem;
        margin-bottom: 0;
        color: white; }
      .tweets__item blockquote > a {
        font-family: "Avant Garde", sans-serif;
        font-size: smaller;
        text-transform: uppercase;
        color: white;
        display: block; }
    .tweets__item + .tweets__item {
      border-top: 1px dashed #323232;
      padding-top: 15px; }

.highlights {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .highlights__item {
    background-color: #1D1D1B;
    margin-bottom: 30px;
    padding: 30px;
    position: relative;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
    @media screen and (min-width: 54em) {
      .highlights__item--half {
        -webkit-flex: 0 0 calc(50% - 15px);
        -ms-flex: 0 0 calc(50% - 15px);
        flex: 0 0 calc(50% - 15px); } }
  .highlights a {
    text-decoration: none;
    position: relative;
    z-index: 2; }
    .highlights a:hover,
    .highlights a:focus {
      text-decoration: underline;
      color: #FFFFFF; }

.environment {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #95CD28;
  text-align: center;
  position: fixed;
  height: 20px;
  width: 100vh;
  top: 0;
  left: 20px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  font: 12px "Avant Garde", sans-serif;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 2px;
  word-spacing: 10px;
  white-space: nowrap;
  color: #1D1D1B; }
  .environment:after {
    content: "DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT DEVELOPMENT";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    width: 100%;
    line-height: 20px;
    margin-top: -15px; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  padding-left: 15px;
  padding-right: 15px;
  transition: padding 0.6s ease; }
  @media screen and (min-width: 28em) {
    .overlay {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 40em) {
    .overlay {
      padding-left: 45px;
      padding-right: 45px; } }
  @media screen and (min-width: 54em) {
    .overlay {
      padding-left: 75px;
      padding-right: 75px; } }

.gridlines {
  outline: 1px solid #FFFFFF;
  background: url("../../../assets/gfx/grid-overlay.png") repeat-y 50% 0;
  background-size: 100%;
  max-width: 1050px;
  height: 100%;
  margin: auto;
  opacity: 0.05; }

#statamic_debug {
  opacity: 0;
  transition: opacity 0.3s ease; }
  #statamic_debug:hover {
    opacity: 1;
    transition: opacity 1s ease; }