body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box;
  position: relative; }

container:after, row:after, .row:after, form > label:after, form > ol > label:after, form .label:after, form .ss-form-entry:after, rows:after, .rows:after {
  content: "";
  display: table;
  clear: both; }

body {
  font-family: "FF Tisa Sans Pro", "FF Tisa Sans", "ff-tisa-sans-web-pro", "Tisa Sans Pro", "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  font-weight: normal;
  color: #343a40;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

::selection {
  background: #fef7e1;
  color: #343a40;
  text-shadow: none;
  opacity: 1; }

::-moz-selection {
  background: #fef7e1;
  color: #343a40;
  text-shadow: none;
  opacity: 1; }

h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure {
  margin-bottom: 16px; }

img {
  max-width: 100%;
  vertical-align: middle; }

.block {
  display: block; }

figure > img {
  display: block; }

figcaption {
  font-size: 15.75px; }

ul, ol {
  margin-left: 32px; }

li > ul,
li > ol {
  margin-bottom: 0; }

.no-bullets {
  list-style: none;
  margin-left: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "FatFrank", "Source Serif Pro", "house-slant", "House Slant", "house-slant", "Gastromond", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: .5em;
  color: inherit; }
  h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a, h6 a:hover {
    color: inherit; }

.title {
  font-size: 4rem;
  font-family: "FatFrank", "Bjola", Helvetica, Arial, sans-serif;
  font-weight: normal; }
  @media screen and (max-width: 600px) {
    .title {
      font-size: 3rem; } }

.logo, .site-title {
  font-family: "FatFrank", "Bjola", Helvetica, Arial, sans-serif;
  font-weight: normal; }

h1 {
  font-family: "FatFrank", "Bjola", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  line-height: 1.5em; }

h2 {
  font-size: 2.25rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

a {
  display: inline-block;
  color: #F8D667;
  text-decoration: none; }
  a:hover {
    color: #343a40;
    text-decoration: underline; }

.lead, p.lead {
  font-size: 1.5rem;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

blockquote {
  border-radius: 8px;
  padding: 1.25rem;
  font-size: 1.25em;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }
  blockquote > blockquote {
    margin: -1.25rem !important;
    background: whiteSmoke; }
  blockquote p {
    max-width: 100% !important; }

pre,
code {
  font-size: 1rem;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef;
  color: #343a40; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: scroll; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

img {
  max-width: 100%;
  height: auto;
  display: inline-block; }

icon {
  display: inline-block; }

@media screen and (max-width: 900px) {
  h1 {
    font-size: 43.3125px; }

  h2 {
    font-size: 37.0125px; } }
@media screen and (max-width: 600px) {
  body {
    font-size: 15.75px; }

  .lead, p.lead {
    font-size: 1.25rem; } }
.color-red, .link-red {
  color: #F44336; }

.background-red, .button-red {
  background-color: #F44336; }

.color-white, .link-white {
  color: #ffffff; }

.background-white, .button-white {
  background-color: #ffffff; }

.color-gray, .link-gray {
  color: #828282; }

.background-gray, .button-gray {
  background-color: #828282; }

.color-black, .link-black {
  color: #343a40; }

.background-black, .button-black {
  background-color: #343a40; }

.color-primary, .link-primary {
  color: #F8D667; }

.background-primary, .button-primary {
  background-color: #F8D667; }

.color-secondary, .link-secondary {
  color: #1B4B83; }

.background-secondary, .button-secondary {
  background-color: #1B4B83; }

.color-tertiary, .link-tertiary {
  color: rebeccapurple; }

.background-tertiary, .button-tertiary {
  background-color: rebeccapurple; }

.color-brand, .link-brand {
  color: #F8D667; }

.background-brand, .button-brand {
  background-color: #F8D667; }

.float-left {
  float: left; }

.margin-center {
  margin: auto; }

.float-right {
  float: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.extra-padding-bottom {
  margin-bottom: 2rem !important; }

.transition, .spack, .brick, .brick .link, #devices .device-desktop, #devices .device-desktop .browser-toolbar .visit-site .fa-hand-point-right, .vine, .chestnut, .walnut, .spruce, .pine, .cheddar, .cone {
  transition: 200ms all ease; }

.transition-faster {
  transition: 120ms all ease; }

.transition-slower, footer .back-to-top .flame {
  transition: 310ms all ease; }

.transition-bounce, .brick .link icon, .brick .link [data-icon="arrow-right"] {
  transition: 300ms all cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.visible-phone, .hidden-desktop {
  display: none;
  visibility: hidden; }

@media screen and (max-width: 900px) {
  .visible-phone, .hidden-desktop {
    display: inherit;
    visibility: visible; }

  .visible-desktop, .hidden-phone {
    display: none !important; } }
.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.word-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

container {
  display: block;
  width: 100%;
  max-width: -webkit-calc(1280px - (32px * 2));
  max-width: calc(1280px - (32px * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 32px;
  padding-left: 32px; }
  @media screen and (max-width: 1240px) {
    container {
      max-width: -webkit-calc(1280px - (32px / 2));
      max-width: calc(1280px - (32px / 2));
      padding-right: 16px;
      padding-left: 16px; } }
  @media screen and (max-width: 900px) {
    container {
      max-width: -webkit-calc(1280px - (32px / 3));
      max-width: calc(1280px - (32px / 3));
      padding-right: 10.6666666667px;
      padding-left: 10.6666666667px; } }
  @media screen and (max-width: 600px) {
    container {
      max-width: 100%;
      padding-left: 5px;
      padding-right: 5px; } }

container[width="small"] {
  max-width: -webkit-calc(1280px - (32px * .75));
  max-width: calc(1280px - (32px * .75)); }

container[width="large"] {
  max-width: -webkit-calc(1280px - (32px * 2) + 5rem);
  max-width: calc(1280px - (32px * 2) + 5rem); }

container[width="full"] {
  display: block;
  width: 100%;
  padding: 0 32px; }

[float="left"] {
  justify-content: flex-start;
  justify-content: start; }

[float="center"] {
  justify-content: flex-center;
  justify-content: center; }

[float="right"] {
  justify-content: flex-end;
  justify-content: end; }

[align="top"] {
  align-items: flex-start; }

[align="middle"] {
  align-items: center; }

[align="bottom"] {
  align-items: flex-end; }

[distribute="around"] {
  justify-content: space-around; }

[distribute="between"] {
  justify-content: space-between; }

[order="reverse"] {
  flex-direction: row-reverse; }

[direction="row"] {
  flex-direction: row; }

[direction="row-reverse"] {
  flex-direction: row-reverse; }

[direction="column"] {
  flex-direction: column; }

[direction="column-reverse"] {
  flex-direction: column-reverse; }

[height="full"] {
  display: flex;
  height: 100vh;
  min-height: 600px; }

row, .row, form > label, form > ol > label, form .label, form .ss-form-entry, rows, .rows {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-left: -16px; }

column, .column, form > label > label, form > label > span, form > label > input, form > label > textarea, form > label > select, form > label > [role="group"], form > ol > label > label, form > ol > label > span, form > ol > label > input, form > ol > label > textarea, form > ol > label > select, form > ol > label > [role="group"], form .label > label, form .label > span, form .label > input, form .label > textarea, form .label > select, form .label > [role="group"], form .ss-form-entry > label, form .ss-form-entry > span, form .ss-form-entry > input, form .ss-form-entry > textarea, form .ss-form-entry > select, form .ss-form-entry > [role="group"] {
  display: block;
  flex: 1 1 auto;
  flex-grow: 1;
  flex-basis: 0px;
  max-width: 100%;
  margin-bottom: 16px;
  padding-left: 16px; }

[width="5"] {
  flex-basis: 5%;
  flex-basis: calc(5% - (32px / 2));
  max-width: 5%; }
  @media screen and (max-width: 600px) {
    [width="5"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="10"] {
  flex-basis: 10%;
  flex-basis: calc(10% - (32px / 2));
  max-width: 10%; }
  @media screen and (max-width: 600px) {
    [width="10"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="15"] {
  flex-basis: 15%;
  flex-basis: calc(15% - (32px / 2));
  max-width: 15%; }
  @media screen and (max-width: 600px) {
    [width="15"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="20"] {
  flex-basis: 20%;
  flex-basis: calc(20% - (32px / 2));
  max-width: 20%; }
  @media screen and (max-width: 600px) {
    [width="20"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="25"] {
  flex-basis: 25%;
  flex-basis: calc(25% - (32px / 2));
  max-width: 25%; }
  @media screen and (max-width: 600px) {
    [width="25"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="30"] {
  flex-basis: 30%;
  flex-basis: calc(30% - (32px / 2));
  max-width: 30%; }
  @media screen and (max-width: 600px) {
    [width="30"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="35"] {
  flex-basis: 35%;
  flex-basis: calc(35% - (32px / 2));
  max-width: 35%; }
  @media screen and (max-width: 600px) {
    [width="35"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="40"] {
  flex-basis: 40%;
  flex-basis: calc(40% - (32px / 2));
  max-width: 40%; }
  @media screen and (max-width: 600px) {
    [width="40"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="45"] {
  flex-basis: 45%;
  flex-basis: calc(45% - (32px / 2));
  max-width: 45%; }
  @media screen and (max-width: 600px) {
    [width="45"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="50"] {
  flex-basis: 50%;
  flex-basis: calc(50% - (32px / 2));
  max-width: 50%; }
  @media screen and (max-width: 600px) {
    [width="50"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="55"] {
  flex-basis: 55%;
  flex-basis: calc(55% - (32px / 2));
  max-width: 55%; }
  @media screen and (max-width: 600px) {
    [width="55"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="60"] {
  flex-basis: 60%;
  flex-basis: calc(60% - (32px / 2));
  max-width: 60%; }
  @media screen and (max-width: 600px) {
    [width="60"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="65"] {
  flex-basis: 65%;
  flex-basis: calc(65% - (32px / 2));
  max-width: 65%; }
  @media screen and (max-width: 600px) {
    [width="65"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="70"] {
  flex-basis: 70%;
  flex-basis: calc(70% - (32px / 2));
  max-width: 70%; }
  @media screen and (max-width: 600px) {
    [width="70"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="75"] {
  flex-basis: 75%;
  flex-basis: calc(75% - (32px / 2));
  max-width: 75%; }
  @media screen and (max-width: 600px) {
    [width="75"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="80"] {
  flex-basis: 80%;
  flex-basis: calc(80% - (32px / 2));
  max-width: 80%; }
  @media screen and (max-width: 600px) {
    [width="80"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="85"] {
  flex-basis: 85%;
  flex-basis: calc(85% - (32px / 2));
  max-width: 85%; }
  @media screen and (max-width: 600px) {
    [width="85"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="90"] {
  flex-basis: 90%;
  flex-basis: calc(90% - (32px / 2));
  max-width: 90%; }
  @media screen and (max-width: 600px) {
    [width="90"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="95"] {
  flex-basis: 95%;
  flex-basis: calc(95% - (32px / 2));
  max-width: 95%; }
  @media screen and (max-width: 600px) {
    [width="95"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="100"] {
  flex-basis: 100%;
  flex-basis: calc(100% - (32px / 2));
  max-width: 100%; }
  @media screen and (max-width: 600px) {
    [width="100"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="33"] {
  flex-basis: 33.333%;
  flex-basis: calc(33.333% - (32px / 2));
  max-width: 33.333%; }
  @media screen and (max-width: 600px) {
    [width="33"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

[width="66"] {
  flex-basis: 66.666%;
  flex-basis: calc(66.666% - (32px / 2));
  max-width: 66.666%; }
  @media screen and (max-width: 600px) {
    [width="66"] {
      flex-basis: 100% !important;
      flex-basis: calc(100% - (32px / 2)) !important;
      max-width: 100% !important; } }

@media screen and (max-width: 900px) {
  [tablet-width="5"] {
    flex-basis: 5%;
    flex-basis: calc(5% - (32px / 2));
    max-width: 5%; }

  [tablet-width="10"] {
    flex-basis: 10%;
    flex-basis: calc(10% - (32px / 2));
    max-width: 10%; }

  [tablet-width="15"] {
    flex-basis: 15%;
    flex-basis: calc(15% - (32px / 2));
    max-width: 15%; }

  [tablet-width="20"] {
    flex-basis: 20%;
    flex-basis: calc(20% - (32px / 2));
    max-width: 20%; }

  [tablet-width="25"] {
    flex-basis: 25%;
    flex-basis: calc(25% - (32px / 2));
    max-width: 25%; }

  [tablet-width="30"] {
    flex-basis: 30%;
    flex-basis: calc(30% - (32px / 2));
    max-width: 30%; }

  [tablet-width="35"] {
    flex-basis: 35%;
    flex-basis: calc(35% - (32px / 2));
    max-width: 35%; }

  [tablet-width="40"] {
    flex-basis: 40%;
    flex-basis: calc(40% - (32px / 2));
    max-width: 40%; }

  [tablet-width="45"] {
    flex-basis: 45%;
    flex-basis: calc(45% - (32px / 2));
    max-width: 45%; }

  [tablet-width="50"] {
    flex-basis: 50%;
    flex-basis: calc(50% - (32px / 2));
    max-width: 50%; }

  [tablet-width="55"] {
    flex-basis: 55%;
    flex-basis: calc(55% - (32px / 2));
    max-width: 55%; }

  [tablet-width="60"] {
    flex-basis: 60%;
    flex-basis: calc(60% - (32px / 2));
    max-width: 60%; }

  [tablet-width="65"] {
    flex-basis: 65%;
    flex-basis: calc(65% - (32px / 2));
    max-width: 65%; }

  [tablet-width="70"] {
    flex-basis: 70%;
    flex-basis: calc(70% - (32px / 2));
    max-width: 70%; }

  [tablet-width="75"] {
    flex-basis: 75%;
    flex-basis: calc(75% - (32px / 2));
    max-width: 75%; }

  [tablet-width="80"] {
    flex-basis: 80%;
    flex-basis: calc(80% - (32px / 2));
    max-width: 80%; }

  [tablet-width="85"] {
    flex-basis: 85%;
    flex-basis: calc(85% - (32px / 2));
    max-width: 85%; }

  [tablet-width="90"] {
    flex-basis: 90%;
    flex-basis: calc(90% - (32px / 2));
    max-width: 90%; }

  [tablet-width="95"] {
    flex-basis: 95%;
    flex-basis: calc(95% - (32px / 2));
    max-width: 95%; }

  [tablet-width="100"] {
    flex-basis: 100%;
    flex-basis: calc(100% - (32px / 2));
    max-width: 100%; }

  [tablet-width="33"] {
    flex-basis: 33.333%;
    flex-basis: calc(33.333% - (32px / 2));
    max-width: 33.333%; }

  [tablet-width="66"] {
    flex-basis: 66.666%;
    flex-basis: calc(66.666% - (32px / 2));
    max-width: 66.666%; } }
@media screen and (max-width: 600px) {
  [phone-width="5"] {
    flex-basis: 5% !important;
    flex-basis: calc(5% - (32px / 2)) !important;
    max-width: 5% !important; }

  [phone-width="10"] {
    flex-basis: 10% !important;
    flex-basis: calc(10% - (32px / 2)) !important;
    max-width: 10% !important; }

  [phone-width="15"] {
    flex-basis: 15% !important;
    flex-basis: calc(15% - (32px / 2)) !important;
    max-width: 15% !important; }

  [phone-width="20"] {
    flex-basis: 20% !important;
    flex-basis: calc(20% - (32px / 2)) !important;
    max-width: 20% !important; }

  [phone-width="25"] {
    flex-basis: 25% !important;
    flex-basis: calc(25% - (32px / 2)) !important;
    max-width: 25% !important; }

  [phone-width="30"] {
    flex-basis: 30% !important;
    flex-basis: calc(30% - (32px / 2)) !important;
    max-width: 30% !important; }

  [phone-width="35"] {
    flex-basis: 35% !important;
    flex-basis: calc(35% - (32px / 2)) !important;
    max-width: 35% !important; }

  [phone-width="40"] {
    flex-basis: 40% !important;
    flex-basis: calc(40% - (32px / 2)) !important;
    max-width: 40% !important; }

  [phone-width="45"] {
    flex-basis: 45% !important;
    flex-basis: calc(45% - (32px / 2)) !important;
    max-width: 45% !important; }

  [phone-width="50"] {
    flex-basis: 50% !important;
    flex-basis: calc(50% - (32px / 2)) !important;
    max-width: 50% !important; }

  [phone-width="55"] {
    flex-basis: 55% !important;
    flex-basis: calc(55% - (32px / 2)) !important;
    max-width: 55% !important; }

  [phone-width="60"] {
    flex-basis: 60% !important;
    flex-basis: calc(60% - (32px / 2)) !important;
    max-width: 60% !important; }

  [phone-width="65"] {
    flex-basis: 65% !important;
    flex-basis: calc(65% - (32px / 2)) !important;
    max-width: 65% !important; }

  [phone-width="70"] {
    flex-basis: 70% !important;
    flex-basis: calc(70% - (32px / 2)) !important;
    max-width: 70% !important; }

  [phone-width="75"] {
    flex-basis: 75% !important;
    flex-basis: calc(75% - (32px / 2)) !important;
    max-width: 75% !important; }

  [phone-width="80"] {
    flex-basis: 80% !important;
    flex-basis: calc(80% - (32px / 2)) !important;
    max-width: 80% !important; }

  [phone-width="85"] {
    flex-basis: 85% !important;
    flex-basis: calc(85% - (32px / 2)) !important;
    max-width: 85% !important; }

  [phone-width="90"] {
    flex-basis: 90% !important;
    flex-basis: calc(90% - (32px / 2)) !important;
    max-width: 90% !important; }

  [phone-width="95"] {
    flex-basis: 95% !important;
    flex-basis: calc(95% - (32px / 2)) !important;
    max-width: 95% !important; }

  [phone-width="100"] {
    flex-basis: 100% !important;
    flex-basis: calc(100% - (32px / 2)) !important;
    max-width: 100% !important; }

  [phone-width="33"] {
    flex-basis: 33.333% !important;
    flex-basis: calc(33.333% - (32px / 2)) !important;
    max-width: 33.333% !important; }

  [phone-width="66"] {
    flex-basis: 66.666% !important;
    flex-basis: calc(66.666% - (32px / 2)) !important;
    max-width: 66.666% !important; } }
grid, .grid {
  display: grid;
  grid-column-gap: 32px;
  grid-row-gap: 32px; }

[column-count="1"] {
  grid-template-columns: repeat(1, 1fr); }

[column-count="2"] {
  grid-template-columns: repeat(2, 1fr); }

[column-count="3"] {
  grid-template-columns: repeat(3, 1fr); }

[column-count="4"] {
  grid-template-columns: repeat(4, 1fr); }

[column-count="5"] {
  grid-template-columns: repeat(5, 1fr); }

[column-count="6"] {
  grid-template-columns: repeat(6, 1fr); }

@media screen and (max-width: 900px) {
  [tablet-column-count="1"] {
    grid-template-columns: repeat(1, 1fr); }

  [tablet-column-count="2"] {
    grid-template-columns: repeat(2, 1fr); }

  [tablet-column-count="3"] {
    grid-template-columns: repeat(3, 1fr); }

  [tablet-column-count="4"] {
    grid-template-columns: repeat(4, 1fr); }

  [tablet-column-count="5"] {
    grid-template-columns: repeat(5, 1fr); }

  [tablet-column-count="6"] {
    grid-template-columns: repeat(6, 1fr); } }
@media screen and (max-width: 600px) {
  [phone-column-count="1"] {
    grid-template-columns: repeat(1, 1fr); }

  [phone-column-count="2"] {
    grid-template-columns: repeat(2, 1fr); }

  [phone-column-count="3"] {
    grid-template-columns: repeat(3, 1fr); }

  [phone-column-count="4"] {
    grid-template-columns: repeat(4, 1fr); }

  [phone-column-count="5"] {
    grid-template-columns: repeat(5, 1fr); }

  [phone-column-count="6"] {
    grid-template-columns: repeat(6, 1fr); } }
[row-count="1"] {
  grid-template-rows: repeat(1, auto); }

[row-count="2"] {
  grid-template-rows: repeat(2, auto); }

[row-count="3"] {
  grid-template-rows: repeat(3, auto); }

[row-count="4"] {
  grid-template-rows: repeat(4, auto); }

[row-count="5"] {
  grid-template-rows: repeat(5, auto); }

[row-count="6"] {
  grid-template-rows: repeat(6, auto); }

@media screen and (max-width: 900px) {
  [tablet-row-count="1"] {
    grid-template-rows: repeat(1, auto); }

  [tablet-row-count="2"] {
    grid-template-rows: repeat(2, auto); }

  [tablet-row-count="3"] {
    grid-template-rows: repeat(3, auto); }

  [tablet-row-count="4"] {
    grid-template-rows: repeat(4, auto); }

  [tablet-row-count="5"] {
    grid-template-rows: repeat(5, auto); }

  [tablet-row-count="6"] {
    grid-template-rows: repeat(6, auto); } }
@media screen and (max-width: 600px) {
  [phone-row-count="1"] {
    grid-template-rows: repeat(1, auto); }

  [phone-row-count="2"] {
    grid-template-rows: repeat(2, auto); }

  [phone-row-count="3"] {
    grid-template-rows: repeat(3, auto); }

  [phone-row-count="4"] {
    grid-template-rows: repeat(4, auto); }

  [phone-row-count="5"] {
    grid-template-rows: repeat(5, auto); }

  [phone-row-count="6"] {
    grid-template-rows: repeat(6, auto); } }
header p {
  max-width: 100%; }

section {
  *padding: 100px 0;
  align-items: center; }

header, section {
  padding: 8vh 10vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (max-width: 1240px) {
    header, section {
      padding: 8vh 2vw; } }

.markdown-content p {
  max-width: 800px; }
.markdown-content p:not(.lead), .markdown-content li {
  font-size: 1.25rem; }
.markdown-content h1:first-of-type {
  margin-top: 0; }
.markdown-content h1 {
  margin-top: 16vh; }
.markdown-content h2 {
  margin-top: 1em; }

.button {
  color: #ffffff;
  background-color: #1B4B83;
  display: inline-block;
  font-family: "FF Tisa Sans Pro", "FF Tisa Sans", "ff-tisa-sans-web-pro", "Tisa Sans Pro", "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: .5em 1em;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  -webkit-user-select: none;
  margin-bottom: 18px;
  border: none;
  outline: none;
  text-shadow: none; }
  .button-large {
    font-size: 1.25rem; }
    @media screen and (max-width: 600px) {
      .button-large {
        font-size: 18px; } }
  .button:hover, .button:focus, .button:active {
    color: #ffffff;
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
    text-decoration: none; }
  .button:active {
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); }
  .button:disabled, .button-disabled {
    opacity: .5;
    pointer-events: none; }

form {
  max-width: 700px;
  margin: auto;
  color: #343a40;
  background: white;
  padding: 16px; }
  form > label > label, form > label > span, form > label > input, form > label > textarea, form > label > select, form > label > [role="group"], form > ol > label > label, form > ol > label > span, form > ol > label > input, form > ol > label > textarea, form > ol > label > select, form > ol > label > [role="group"], form .label > label, form .label > span, form .label > input, form .label > textarea, form .label > select, form .label > [role="group"], form .ss-form-entry > label, form .ss-form-entry > span, form .ss-form-entry > input, form .ss-form-entry > textarea, form .ss-form-entry > select, form .ss-form-entry > [role="group"] {
    padding: 0; }
  form > label > input, form > label > textarea, form > label > select, form > ol > label > input, form > ol > label > textarea, form > ol > label > select, form .label > input, form .label > textarea, form .label > select, form .ss-form-entry > input, form .ss-form-entry > textarea, form .ss-form-entry > select {
    padding: .25em .45em; }
  form > label > span:first-of-type, form > label > label:first-of-type, form > ol > label > span:first-of-type, form > ol > label > label:first-of-type, form .label > span:first-of-type, form .label > label:first-of-type, form .ss-form-entry > span:first-of-type, form .ss-form-entry > label:first-of-type {
    font-weight: bold;
    flex-basis: 40%;
    flex-basis: calc(40% - (32px / 2));
    max-width: 40%;
    padding-right: 16px;
    text-align: right; }
    @media screen and (max-width: 900px) {
      form > label > span:first-of-type, form > label > label:first-of-type, form > ol > label > span:first-of-type, form > ol > label > label:first-of-type, form .label > span:first-of-type, form .label > label:first-of-type, form .ss-form-entry > span:first-of-type, form .ss-form-entry > label:first-of-type {
        text-align: left; } }
    @media screen and (max-width: 600px) {
      form > label > span:first-of-type, form > label > label:first-of-type, form > ol > label > span:first-of-type, form > ol > label > label:first-of-type, form .label > span:first-of-type, form .label > label:first-of-type, form .ss-form-entry > span:first-of-type, form .ss-form-entry > label:first-of-type {
        text-align: left; } }
  form input, form textarea, form select {
    font-family: "FF Tisa Sans Pro", "FF Tisa Sans", "ff-tisa-sans-web-pro", "Tisa Sans Pro", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: .25em .45em;
    border: none;
    border-bottom: 2px solid #343a40; }
    form input:focus, form textarea:focus, form select:focus {
      outline: 2px solid #343a40; }
      form input:focus:invalid, form textarea:focus:invalid, form select:focus:invalid {
        outline: 2px solid #F44336; }
    form input[required]:invalid, form textarea[required]:invalid, form select[required]:invalid {
      border-bottom-color: #F44336; }
  form input[type=submit], form button, form .button {
    display: block; }

form .ss-q-other-container input, form .other {
  border-bottom-width: 1px;
  border-bottom-color: #828282;
  padding: 0 5px; }
form span.required:after {
  content: '*';
  color: #F44336;
  position: relative;
  margin-left: 2px;
  margin-right: -9px; }
form .ss-required-asterisk {
  color: #F44336;
  margin-left: 2px;
  margin-right: -9px;
  position: absolute; }
form .ss-choices {
  list-style: none;
  margin-left: 0; }
form .jfk-button {
  opacity: .5; }
form .ss-q-title {
  font-weight: bold; }

.ss-question-list .required-message, .ss-question-list .error-message, .ss-question-list .docs-icon {
  display: none; }

.color-twitter, .link-twitter {
  color: #55acee; }

.background-twitter, .button-twitter {
  background-color: #55acee; }

.color-facebook, .link-facebook {
  color: #3b5998; }

.background-facebook, .button-facebook {
  background-color: #3b5998; }

.color-youtube, .link-youtube {
  color: #cd201f; }

.background-youtube, .button-youtube {
  background-color: #cd201f; }

.color-deviantart, .link-deviantart {
  color: #05cc47; }

.background-deviantart, .button-deviantart {
  background-color: #05cc47; }

.color-tumblr, .link-tumblr {
  color: #35465c; }

.background-tumblr, .button-tumblr {
  background-color: #35465c; }

.color-dribbble, .link-dribbble {
  color: #ea4c89; }

.background-dribbble, .button-dribbble {
  background-color: #ea4c89; }

.color-snapchat, .link-snapchat {
  color: #fffc00; }

.background-snapchat, .button-snapchat {
  background-color: #fffc00; }

.color-instagram, .link-instagram {
  color: #833ab4; }

.background-instagram, .button-instagram {
  background-color: #833ab4; }

.background-snapchat, .button-snapchat {
  color: #343a40; }

.twitter-button {
  font-size: 13px;
  line-height: 26px;
  font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
  -webkit-user-select: none;
  display: inline-block;
  zoom: 1;
  position: relative;
  padding: 1px 8px 1px 6px;
  font-weight: 500;
  color: #fff !important;
  cursor: pointer;
  background-color: #1b95e0;
  box-sizing: border-box;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-font-smoothing: subpixel-antialiased;
  text-decoration: none; }
  .twitter-button:hover, .twitter-button:focus, .twitter-button:active {
    background-color: #0c7abf;
    text-decoration: none; }
  .twitter-button:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); }
  .twitter-button icon {
    margin: 0 !important; }

#navigation {
  background: none;
  color: #ffffff;
  min-height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9900; }
  #navigation container {
    border-bottom: 2px dashed;
    padding: .25rem 0; }
  #navigation a {
    color: inherit; }
  #navigation .site-title {
    font-size: 26px;
    line-height: 56px;
    margin-bottom: 0;
    float: left; }
  #navigation .site-nav {
    float: right;
    line-height: 56px; }
    #navigation .site-nav .menu-icon {
      display: none; }
    #navigation .site-nav .page-link {
      line-height: 1.65;
      margin-right: 20px; }
    @media screen and (max-width: 600px) {
      #navigation .site-nav {
        position: absolute;
        top: 9px;
        right: 30px;
        background-color: #ffffff;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        text-align: right;
        z-index: 9999; }
        #navigation .site-nav .menu-icon {
          display: block;
          float: right;
          width: 36px;
          height: 26px;
          line-height: 0;
          padding-top: 10px;
          text-align: center;
          padding-bottom: 25px; }
          #navigation .site-nav .menu-icon > svg {
            width: 18px;
            height: 15px; }
            #navigation .site-nav .menu-icon > svg path {
              fill: #424242; }
        #navigation .site-nav .trigger {
          clear: both;
          display: none; }
        #navigation .site-nav:hover .trigger {
          display: block;
          padding-bottom: 5px; }
        #navigation .site-nav .page-link {
          display: block;
          padding: 5px 10px;
          color: #343a40; } }

header {
  position: relative;
  padding-top: 200px;
  padding-top: calc(56px + .5rem + 10vh);
  padding-bottom: 200px;
  padding-bottom: calc(10vh + 10vw);
  margin-bottom: -15vw;
  background: #F8D667;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
  box-shadow: 0 10px 60px rgba(60, 60, 60, 0.15); }

.link-bar a:not(.twitter-button) {
  margin-right: 10px; }
  .link-bar a:not(.twitter-button) icon {
    margin-left: 5px; }
.link-bar .twitter-button {
  margin-top: -2px; }

#four-oh-four {
  display: flex;
  height: 100vh;
  width: 100vw;
  background: #1B4B83;
  color: white;
  position: absolute;
  top: 0;
  left: 0; }
  #four-oh-four h1 {
    margin-top: 1rem; }
  #four-oh-four a {
    color: white; }

header#index {
  position: relative; }

.blurble {
  text-align: left;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 2rem;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1.35em;
  margin-left: 2em;
  position: relative;
  margin-bottom: 1rem; }
  .blurble:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: calc(100% - 1px);
    background-image: url(../media/etc/blurble-left-white-70.svg);
    height: 100%;
    width: 2em;
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat; }

.replies {
  text-align: right; }
  .replies .reply {
    margin-left: .5rem;
    margin-bottom: .5rem;
    background: #1B4B83;
    color: #ffffff;
    padding: .5rem 1rem;
    border-radius: 2rem;
    border-bottom-right-radius: 0; }

.sticker {
  position: absolute;
  filter: drop-shadow(4px 4px 0 white) drop-shadow(-4px 4px 0 white) drop-shadow(4px -4px 0 white) drop-shadow(-4px -4px 0 white) drop-shadow(0 0 4px rgba(80, 80, 80, 0.25)); }
  .sticker:hover {
    z-index: 50; }
  .sticker-right {
    left: 103%;
    top: 8vh; }
  .sticker-left {
    right: 103%; }

.post-content .sticker {
  max-width: 250px;
  max-height: 300px; }

.spack {
  text-align: center;
  color: white;
  box-shadow: 0px 10px 20px lightgray;
  border-radius: 8px;
  background: rgba(250, 250, 250, 0.25); }
  .spack:hover {
    text-decoration: none; }
  .spack:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(115deg, transparent 50%, rgba(80, 120, 180, 0.12) 51%, transparent 80%), rgba(0, 0, 0, 0.01); }
  .spack-soon {
    pointer-events: none; }
    .spack-soon .spack-label {
      opacity: .5; }
  .spack-banner {
    background: #F8D667;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 3em;
    /* left: 10%; */
    font-size: 1.5em;
    color: black; }
  .spack-label {
    position: relative;
    padding: 2.5em 1em .5em;
    -webkit-mask-image: url("data:image/png;base64,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1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr6NXR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29OnodvTp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19Oro1dHr6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+OXkevjl4dvTp6dfTq6NXRq6PX0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvY5eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06uh19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR5+gjl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dPezTAQkAAACAoP+vPaITguro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXRq6PX0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl4dvY5eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX06uh19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRJ6ijV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvY5eHb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06uh19Oro1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr6NXR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29OnodvTp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19Oro1dHr6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+OXkevjl4dvTp6dfTq6NXRq6PX0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6HX2COnp19Oro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr6NXR6+OXh29Onp19Oro1dHr6NXRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29OnodvTp6dfTq6NXRq6NXR6+OXkevjl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb2OXh29Onp19OrolfbpQAAAAABAkL/1BBuUQ6IDogOiA6KD6IDogOiA6IDogOiA6IDoIDogOiA6IDogOiA6IDogOogOiA6IDogOiA6IDogOiA6IDqIDogOiA6IDogOiA6IDooPogOiA6IDogOiA6IDowAg+YFmyhQ+ZRAAAAABJRU5ErkJggg==");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 600px 960px;
    mask-image: url("data:image/png;base64,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1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr6NXR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29OnodvTp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19Oro1dHr6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+OXkevjl4dvTp6dfTq6NXRq6PX0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvY5eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06uh19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR5+gjl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dPezTAQkAAACAoP+vPaITguro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXRq6PX0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl4dvY5eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX06uh19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRJ6ijV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvY5eHb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06uh19Oro1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr6NXR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29OnodvTp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0aujV0evo1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb06eh29Onp19Oro1dGro1dHr45eR6+OXh29Onp19Oro1dGro9fRq6NXR6+OXh29Onp19Oro1dHr6NXRq6NXR6+OXh29Onp19Dp6dfTq6NXRq6NXR6+OXh29jl4dvTp6dfTq6NXRq6NXR6+OXkevjl4dvTp6dfTq6NXRq6PX0aujV0evjl4dvTp6dfTq6HX06ujV0aujV0evjl4dvTp6HX2COnp19Oro1dGro1dHr45eHb2OXh29Onp19Oro1dGro1dHr6NXR6+OXh29Onp19Oro1dHr6NXRq6NXR6+OXh29Onp19OrodfTq6NXRq6NXR6+OXh29OnodvTp6dfTq6NXRq6NXR6+OXkevjl4dvTp6dfTq6NXRq6NXR6+jV0evjl4dvTp6dfTq6NXR6+jV0aujV0evjl4dvTp6dfQ6enX06ujV0aujV0evjl4dvTp6Hb06enX06ujV0aujV0evjl5Hr45eHb06enX06ujV0auj19Gro1dHr45eHb06enX06ujV0evo1dGro1dHr45eHb06enX0Onp19Oro1dGro1dHr45eHb2OXh29Onp19OrolfbpQAAAAABAkL/1BBuUQ6IDogOiA6KD6IDogOiA6IDogOiA6IDoIDogOiA6IDogOiA6IDogOogOiA6IDogOiA6IDogOiA6IDqIDogOiA6IDogOiA6IDooPogOiA6IDogOiA6IDowAg+YFmyhQ+ZRAAAAABJRU5ErkJggg==");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 600px 960px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 200; }
    .spack-label-hook {
      padding-top: 1.5em;
      background: #1B4B83;
      -webkit-mask-image: none;
      mask-image: none;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
      .spack-label-hook:before {
        background: #1B4B83;
        content: ' ';
        position: absolute;
        bottom: 100%;
        bottom: calc(100% - 1px);
        left: 50%;
        margin-left: -18px;
        height: 29px;
        width: 36px;
        -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAABmCAMAAAA6eNVMAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANtBLioAAAAQdFJOUwAQQCDwwKCAYOBwMLBQ0JD7FFHwAAACSUlEQVRo3sWa2Y7DIAxFE/Ytgf//2ulUmpGqkgBeYr9XpyIXLxdv21fkUG1s62Fd2DdkKAch/0cJGHhAsd8RgyD8N84MgWvbqCKt0w/T6MItH3wjDSdKX+QfjTwWvr829Pg2r/+Tgd7OWXpqLDF5/LvhwZu5CuAbU/gpfOTCG6FL9xcz1cfx4csE3vDhmx7SMyN94u4lTnyU/PSvUCO8ZcU7SeVNZL7GG0EWf8riR2WfG+9k8QPxceMH4mPHW1n8fd3hx1dZvJHF34rvAXyRxd+J7wm8l8VHWXw7ZPFFFt92Cnysr9YxJ8BUlgjwHj6URjw+YKwghcV/XN5K1fTAjm+PROID1g1PJD7gv1+eTE8UvqDzRcbgPRrvMDOeQuP7HffkhEuQrAN8vv/69Ipo3POwawPAd5seBfslxIGvUO2dJFZot+MuINWAnNgAe8jo3BmQJWRhnq6ncqQ0RPu9hAHzoXsd97B4erIWMQI87bjTdajdjrsulyqoE1yWndVuqlZA/MW45xanY/AbxMW4l/rJzxzE7z9XHbfuHUDR5M9Plx63rp830LjMYMPf2Yz68M6+wyfFZMOj9ztw+ESA5/EansC3jKbvjB73zHYPo8fNjW8Bi8c9/p1YPPLNPcviq1zWGXrc/His+LALD1Yu6Y0fWPjxVS7roMWHx9943I/stxW5rIMVHwXey2UdZNNDsu8BFx/JvoeTyzqojnunwSe5rIMRHxF+vNLEu97oZPHAjrsQ4YFND9mWGazjptstzXJZByo+TYc3PxSpCH6XThP6AAAAAElFTkSuQmCC");
        -webkit-mask-position: center top;
        -webkit-mask-size: 36px 29px;
        mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAABmCAMAAAA6eNVMAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANtBLioAAAAQdFJOUwAQQCDwwKCAYOBwMLBQ0JD7FFHwAAACSUlEQVRo3sWa2Y7DIAxFE/Ytgf//2ulUmpGqkgBeYr9XpyIXLxdv21fkUG1s62Fd2DdkKAch/0cJGHhAsd8RgyD8N84MgWvbqCKt0w/T6MItH3wjDSdKX+QfjTwWvr829Pg2r/+Tgd7OWXpqLDF5/LvhwZu5CuAbU/gpfOTCG6FL9xcz1cfx4csE3vDhmx7SMyN94u4lTnyU/PSvUCO8ZcU7SeVNZL7GG0EWf8riR2WfG+9k8QPxceMH4mPHW1n8fd3hx1dZvJHF34rvAXyRxd+J7wm8l8VHWXw7ZPFFFt92Cnysr9YxJ8BUlgjwHj6URjw+YKwghcV/XN5K1fTAjm+PROID1g1PJD7gv1+eTE8UvqDzRcbgPRrvMDOeQuP7HffkhEuQrAN8vv/69Ipo3POwawPAd5seBfslxIGvUO2dJFZot+MuINWAnNgAe8jo3BmQJWRhnq6ncqQ0RPu9hAHzoXsd97B4erIWMQI87bjTdajdjrsulyqoE1yWndVuqlZA/MW45xanY/AbxMW4l/rJzxzE7z9XHbfuHUDR5M9Plx63rp830LjMYMPf2Yz68M6+wyfFZMOj9ztw+ESA5/EansC3jKbvjB73zHYPo8fNjW8Bi8c9/p1YPPLNPcviq1zWGXrc/His+LALD1Yu6Y0fWPjxVS7roMWHx9943I/stxW5rIMVHwXey2UdZNNDsu8BFx/JvoeTyzqojnunwSe5rIMRHxF+vNLEu97oZPHAjrsQ4YFND9mWGazjptstzXJZByo+TYc3PxSpCH6XThP6AAAAAElFTkSuQmCC");
        mask-position: center top;
        mask-size: 36px 29px; }
  .spack-bag, .spack-spacer {
    position: relative; }
  .spack:hover {
    color: #F8D667;
    box-shadow: 0px 10px 20px rgba(50, 80, 90, 0.5); }
  .spack .sticker {
    bottom: 12px;
    max-width: 40%;
    max-height: 80%; }
    .spack .sticker:nth-of-type(1) {
      left: 12px; }
    .spack .sticker:nth-of-type(2) {
      left: 32%; }
    .spack .sticker:nth-of-type(3) {
      right: 12px; }
  .spack:nth-of-type(1) .sticker:nth-of-type(1) {
    transform: rotate(5.8deg); }
  .spack:nth-of-type(1) .sticker:nth-of-type(2) {
    transform: rotate(4.1deg); }
  .spack:nth-of-type(1) .sticker:nth-of-type(3) {
    transform: rotate(-4.5deg); }
  .spack:nth-of-type(2) .sticker:nth-of-type(1) {
    transform: rotate(-1.6deg); }
  .spack:nth-of-type(2) .sticker:nth-of-type(2) {
    transform: rotate(-4.5deg); }
  .spack:nth-of-type(2) .sticker:nth-of-type(3) {
    transform: rotate(-6.9deg); }
  .spack:nth-of-type(3) .sticker:nth-of-type(1) {
    transform: rotate(-8.4deg); }
  .spack:nth-of-type(3) .sticker:nth-of-type(2) {
    transform: rotate(6.3deg); }
  .spack:nth-of-type(3) .sticker:nth-of-type(3) {
    transform: rotate(8.9deg); }
  .spack:nth-of-type(4) .sticker:nth-of-type(1) {
    transform: rotate(7.1deg); }
  .spack:nth-of-type(4) .sticker:nth-of-type(2) {
    transform: rotate(-1.9deg); }
  .spack:nth-of-type(4) .sticker:nth-of-type(3) {
    transform: rotate(-1.4deg); }
  .spack:nth-of-type(5) .sticker:nth-of-type(1) {
    transform: rotate(5.6deg); }
  .spack:nth-of-type(5) .sticker:nth-of-type(2) {
    transform: rotate(2.3deg); }
  .spack:nth-of-type(5) .sticker:nth-of-type(3) {
    transform: rotate(-9.2deg); }
  .spack:nth-of-type(6) .sticker:nth-of-type(1) {
    transform: rotate(-0.4deg); }
  .spack:nth-of-type(6) .sticker:nth-of-type(2) {
    transform: rotate(9.8deg); }
  .spack:nth-of-type(6) .sticker:nth-of-type(3) {
    transform: rotate(-3.1deg); }
  .spack:nth-of-type(7) .sticker:nth-of-type(1) {
    transform: rotate(4.3deg); }
  .spack:nth-of-type(7) .sticker:nth-of-type(2) {
    transform: rotate(5.1deg); }
  .spack:nth-of-type(7) .sticker:nth-of-type(3) {
    transform: rotate(4.9deg); }
  .spack:nth-of-type(8) .sticker:nth-of-type(1) {
    transform: rotate(8.8deg); }
  .spack:nth-of-type(8) .sticker:nth-of-type(2) {
    transform: rotate(1.4deg); }
  .spack:nth-of-type(8) .sticker:nth-of-type(3) {
    transform: rotate(-0.2deg); }
  .spack:nth-of-type(9) .sticker:nth-of-type(1) {
    transform: rotate(-7.6deg); }
  .spack:nth-of-type(9) .sticker:nth-of-type(2) {
    transform: rotate(-7.6deg); }
  .spack:nth-of-type(9) .sticker:nth-of-type(3) {
    transform: rotate(-2.4deg); }

.rotate-pattern-1 > *:nth-of-type(1) {
  transform: rotate(1.6deg) rotateZ(0deg); }
.rotate-pattern-1 > *:nth-of-type(2) {
  transform: rotate(0.5deg) rotateZ(0deg); }
.rotate-pattern-1 > *:nth-of-type(3) {
  transform: rotate(-1.7deg) rotateZ(0deg); }
.rotate-pattern-1 > *:nth-of-type(4) {
  transform: rotate(-0.1deg) rotateZ(0deg); }
.rotate-pattern-1 > *:nth-of-type(5) {
  transform: rotate(-1.6deg) rotateZ(0deg); }
.rotate-pattern-1 > *:nth-of-type(6) {
  transform: rotate(-0.2deg) rotateZ(0deg); }

.rotate-pattern-2 > *:nth-of-type(1) {
  transform: rotate(1.6deg) rotateZ(0deg); }
.rotate-pattern-2 > *:nth-of-type(2) {
  transform: rotate(-1.7deg) rotateZ(0deg); }
.rotate-pattern-2 > *:nth-of-type(3) {
  transform: rotate(1.5deg) rotateZ(0deg); }
.rotate-pattern-2 > *:nth-of-type(4) {
  transform: rotate(0.4deg) rotateZ(0deg); }
.rotate-pattern-2 > *:nth-of-type(5) {
  transform: rotate(-1.1deg) rotateZ(0deg); }
.rotate-pattern-2 > *:nth-of-type(6) {
  transform: rotate(0.5deg) rotateZ(0deg); }

.rotate-pattern-3 > *:nth-of-type(1) {
  transform: rotate(1.9deg) rotateZ(0deg); }
.rotate-pattern-3 > *:nth-of-type(2) {
  transform: rotate(-0.7deg) rotateZ(0deg); }
.rotate-pattern-3 > *:nth-of-type(3) {
  transform: rotate(1deg) rotateZ(0deg); }
.rotate-pattern-3 > *:nth-of-type(4) {
  transform: rotate(0.5deg) rotateZ(0deg); }
.rotate-pattern-3 > *:nth-of-type(5) {
  transform: rotate(0.7deg) rotateZ(0deg); }
.rotate-pattern-3 > *:nth-of-type(6) {
  transform: rotate(-0.2deg) rotateZ(0deg); }

.rotate-pattern-4 > *:nth-of-type(1) {
  transform: rotate(-0.7deg) rotateZ(0deg); }
.rotate-pattern-4 > *:nth-of-type(2) {
  transform: rotate(-1.4deg) rotateZ(0deg); }
.rotate-pattern-4 > *:nth-of-type(3) {
  transform: rotate(-0.1deg) rotateZ(0deg); }
.rotate-pattern-4 > *:nth-of-type(4) {
  transform: rotate(1.7deg) rotateZ(0deg); }
.rotate-pattern-4 > *:nth-of-type(5) {
  transform: rotate(1.6deg) rotateZ(0deg); }
.rotate-pattern-4 > *:nth-of-type(6) {
  transform: rotate(1.5deg) rotateZ(0deg); }

#portfolio .pf-item {
  color: black;
  margin-bottom: 0;
  padding-bottom: 220px; }
  #portfolio .pf-item.pf-mini {
    height: auto;
    min-height: auto;
    padding-bottom: 0; }
  #portfolio .pf-item .number {
    position: absolute;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    opacity: 1;
    font-size: 1.25rem;
    display: none; }
  #portfolio .pf-item .mask {
    background: #1B4B83;
    color: white;
    position: absolute;
    left: -.5em;
    padding: 0 .5em;
    line-height: 1.2em;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  #portfolio .pf-item icon {
    transition: 200ms all ease-in-out;
    opacity: .5; }
  #portfolio .pf-item .preview {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 1; }
  #portfolio .pf-item:hover {
    text-decoration: none; }
    #portfolio .pf-item:hover h2 {
      text-decoration: underline; }
      #portfolio .pf-item:hover h2 icon {
        transform: translateX(0.5rem);
        opacity: .75; }

.spack .hover-effect-text {
  display: inline-block;
  transition: 200ms ease transform; }
  .spack .hover-effect-text:after {
    content: ' ';
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    transition: 200ms ease width; }
.spack .hover-effect [data-icon="arrow-right"] {
  position: absolute;
  left: 100%;
  top: 0;
  opacity: 0;
  transition: 200ms ease transform, 200ms ease opacity; }
.spack:hover .hover-effect-text {
  transform: translateX(-4px); }
  .spack:hover .hover-effect-text:after {
    width: 100%; }
.spack:hover .hover-effect [data-icon="arrow-right"] {
  opacity: 1;
  transform: translateX(8px); }

.brick {
  position: relative;
  display: block !important;
  padding: 1rem;
  background: #1B4B83;
  color: #ffffff;
  display: block;
  margin-bottom: 1rem; }
  .brick.even {
    order: 2; }
  .brick index {
    display: inline-block;
    background: black;
    color: white;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    border-radius: 1rem;
    font-weight: bold;
    line-height: 1.25rem; }
  .brick strong {
    font-size: 1.5rem;
    font-weight: bold; }
  .brick .has-everything {
    padding: 2rem; }
  .brick .has-text {
    padding: 2rem 3rem; }
  .brick .has-image {
    padding: 2rem 3rem 0 0; }
  .brick .link {
    font-weight: bold;
    text-transform: uppercase;
    opacity: .5;
    position: relative;
    margin-top: 2em; }
    .brick .link:before {
      position: absolute;
      content: ' ';
      height: 4px;
      width: 12%;
      background: currentColor;
      opacity: .35;
      top: -.5rem;
      left: 0; }
  .brick:hover {
    transform: translateX(-0.5rem) translateY(-0.5rem);
    box-shadow: 0.5rem 0.5rem 0 #F8D667 !important; }
    .brick:hover .link {
      opacity: 1; }
    .brick:hover icon, .brick:hover [data-icon="arrow-right"] {
      transform: translateX(4px); }

.taste {
  padding: 1.5rem;
  background: #1B4B83;
  color: #ffffff;
  box-shadow: 0 0.75rem 0 #307cd4;
  margin-bottom: 1rem;
  border-bottom-left-radius: 1rem;
  position: relative;
  z-index: 90; }

#devices {
  position: relative; }
  #devices .device-desktop {
    border: .5rem solid white;
    background: white;
    border-radius: 8px;
    color: #343a40; }
    #devices .device-desktop:before, #devices .device-desktop:after {
      content: ' ';
      position: absolute; }
    #devices .device-desktop .browser-toolbar .url {
      background: lightgray;
      margin-bottom: .5rem;
      max-width: 50%;
      display: block;
      padding: 0 .5em;
      border-radius: 4px;
      opacity: 1; }
      #devices .device-desktop .browser-toolbar .url icon, #devices .device-desktop .browser-toolbar .url .fa-globe {
        margin-right: .5em; }
    #devices .device-desktop .browser-toolbar .visit-site {
      float: right;
      opacity: .8;
      margin-right: .5em; }
      #devices .device-desktop .browser-toolbar .visit-site .fa-hand-point-right {
        margin-left: .5em; }
  #devices .device-mobile {
    position: absolute;
    display: inline-block;
    border-radius: 1.5rem;
    border: 0.5rem solid #343a40;
    width: 30vw;
    max-width: 300px;
    bottom: 0;
    overflow: hidden;
    padding-bottom: 60px;
    background: #343a40; }
    #devices .device-mobile:before, #devices .device-mobile:after {
      content: ' ';
      position: absolute; }
    #devices .device-mobile:after {
      bottom: 5px;
      left: 50%;
      margin-left: -20px;
      height: 40px;
      width: 40px;
      border-radius: 50%; }
    #devices .device-mobile-, #devices .device-mobile-right {
      right: -1em; }
    #devices .device-mobile-left {
      left: -1em; }
  #devices:hover .device-desktop .browser-toolbar .visit-site {
    opacity: 1;
    text-decoration: underline; }

footer container {
  border-top: 2px dashed;
  padding-top: 1rem; }
footer .back-to-top {
  position: relative;
  z-index: 50; }
  footer .back-to-top .flame {
    display: block;
    position: absolute;
    bottom: .35em;
    left: 1.4em;
    width: .5em;
    height: .35em;
    background: yellow;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 0 0 2px 2px orange, 0 0 10px red;
    z-index: 0;
    opacity: 0;
    transform: scale(0.25);
    transform-origin: top; }
  footer .back-to-top:hover .flame {
    opacity: 1;
    transform: scale(1); }

.cancer-notice {
  font-size: .85rem;
  max-width: 300px;
  border: 4px solid;
  padding: .5rem;
  transform: rotate(2deg); }

.wave {
  border: none !important;
  width: 100%;
  height: 50px;
  background-image: url(/media/patterns/wave-white.svg);
  background-repeat: repeat-x;
  background-size: contain; }
  .wave-white {
    background-image: url(/media/patterns/wave-white.svg); }
  .wave-black {
    background-image: url(/media/patterns/wave-black.svg); }
  .wave-animated {
    animation: wave 60s linear infinite; }

@keyframes wave {
  from {
    background-position: 0 0; }
  to {
    background-position: -100% 0; } }
.vine, .chestnut, .walnut, .spruce, .pine, .cheddar, .cone {
  display: inline-block;
  font-family: "FatFrank", "Bjola", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: purple; }
  @media screen and (max-width: 600px) {
    .vine, .chestnut, .walnut, .spruce, .pine, .cheddar, .cone {
      font-size: 1.5rem; } }

.vine:before {
  content: 'hi'; }

.chestnut:before {
  content: '@'; }

.walnut:before {
  content: 'victor'; }

.cheddar:before {
  content: 'melody'; }

.spruce:before {
  content: '.'; }

.pine:before {
  content: 'horse'; }

.cone:before {
  content: 'cool'; }

.chestnut:before, .spruce:before {
  background-image: url(/media/patterns/dashie-1.png);
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

wordart {
  display: inline-block;
  position: relative;
  padding: 0 .25em;
  background-color: pink; }
  wordart:before {
    content: ' ';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px; }
  wordart[word="design"] {
    background-color: transparent; }
    wordart[word="design"]:before {
      bottom: 60%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-design.png); }
  wordart[word="build"] {
    background-color: transparent; }
    wordart[word="build"]:before {
      bottom: 60%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-build.png); }
  wordart[word="website"] {
    background-color: transparent; }
    wordart[word="website"]:before {
      bottom: 52%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-website.png); }
  wordart[word="love"] {
    background-color: transparent; }
    wordart[word="love"]:before {
      bottom: 52%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-love.png); }
  wordart[word="organise"] {
    background-color: transparent; }
    wordart[word="organise"]:before {
      bottom: 60%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-events.png); }
  wordart[word="speak"] {
    background-color: transparent; }
    wordart[word="speak"]:before {
      bottom: 60%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-talks.png); }
  wordart[word="meetups"] {
    background-color: transparent; }
    wordart[word="meetups"]:before {
      bottom: 52%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-meetups.png); }
  wordart[word="events"] {
    background-color: transparent; }
    wordart[word="events"]:before {
      bottom: 60%;
      left: 80%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-cons.png); }
  wordart[word="tea"] {
    background-color: transparent; }
    wordart[word="tea"]:before {
      bottom: 60%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-tea.png); }
  wordart[word="hoagie"] {
    background-color: transparent; }
    wordart[word="hoagie"]:before {
      bottom: 60%;
      left: 50%;
      margin-left: -25px;
      background-image: url(../media/wordart/wordart-hoagie.png); }