/*
------------------------------------------------------------------

	main.scss

------------------------------------------------------------------*/
@font-face {
  font-family: sofia-pro-black;
  src: url("../fonts/1513525282/Sofia Pro Black.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/1513525282/Sofia Pro Black.eot?#iefix") format("embedded-opentype"), url("../fonts/1513525282/Sofia Pro Black.woff") format("woff"), url("../fonts/1513525282/Sofia Pro Black.ttf") format("truetype"), url("../fonts/1513525282/Sofia Pro Black.svg#cf302e9a1f82d7abbacdfb04894a9b24") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url("../fonts/1513525283/Sofia Pro Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/1513525283/Sofia Pro Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/1513525283/Sofia Pro Bold.woff") format("woff"), url("../fonts/1513525283/Sofia Pro Bold.ttf") format("truetype"), url("../fonts/1513525283/Sofia Pro Bold.svg#e4c89524dbd560d3fb57d26f725b5888") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Sofia Pro Light';
  src: url("../fonts/1513525285/Sofia Pro Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/1513525285/Sofia Pro Light.eot?#iefix") format("embedded-opentype"), url("../fonts/1513525285/Sofia Pro Light.woff") format("woff"), url("../fonts/1513525285/Sofia Pro Light.ttf") format("truetype"), url("../fonts/1513525285/Sofia Pro Light.svg#65943740c25c4cb0404f4736aa9282c9") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url("../fonts/1513525334/source-serif-pro-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/1513525334/source-serif-pro-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/1513525334/source-serif-pro-v5-latin-regular.woff") format("woff"), url("../fonts/1513525334/source-serif-pro-v5-latin-regular.ttf") format("truetype"), url("../fonts/1513525334/source-serif-pro-v5-latin-regular.svg#90fee511520a9c2167497edd9b343775") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Source Serif Pro';
  src: url("../fonts/1515810077/source-serif-pro-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/1515810077/source-serif-pro-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/1515810077/source-serif-pro-v5-latin-700.woff") format("woff"), url("../fonts/1515810077/source-serif-pro-v5-latin-700.ttf") format("truetype"), url("../fonts/1515810077/source-serif-pro-v5-latin-700.svg#8d0b4e23a8baa4ca2dce95263b9a24e7") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*
------------------------------------------------------------------

    _mixins.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    _images.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    _palette.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    _breakpoints.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    _aspect-ratios.scss

------------------------------------------------------------------*/
.a-r {
  height: 0;
  position: relative;
}

.a-r--16x7 {
  padding-bottom: 42.25%;
}

.a-r--16x9 {
  padding-bottom: 56.25%;
}

.a-r--9x8 {
  padding-bottom: 112.5%;
}

.a-r--9x16 {
  padding-bottom: 177.77%;
}

.a-r--4x3 {
  padding-bottom: 75%;
}

.a-r--3x4 {
  padding-bottom: 133.33%;
}

.a-r--6x4 {
  padding-bottom: 66.6%;
}

.a-r--4x6 {
  padding-bottom: 150%;
}

.a-r--7x5 {
  padding-bottom: 71.42%;
}

.a-r--5x7 {
  padding-bottom: 140%;
}

.a-r--1x1 {
  padding-bottom: 100%;
}

.a-r--2x3 {
  padding-bottom: 150%;
}

.a-r--article--tall {
  padding-bottom: calc( 56.25% + 5.75em);
}

@media only screen and (min-width: 30.0625em) {
  .a-r--16x7--\@not-small {
    padding-bottom: 42.25%;
  }
  .a-r--16x9--\@not-small {
    padding-bottom: 56.25%;
  }
  .a-r--9x8--\@not-small {
    padding-bottom: 112.5%;
  }
  .a-r--9x16--\@not-small {
    padding-bottom: 177.77%;
  }
  .a-r--4x3--\@not-small {
    padding-bottom: 75%;
  }
  .a-r--3x4--\@not-small {
    padding-bottom: 133.33%;
  }
  .a-r--6x4--\@not-small {
    padding-bottom: 66.6%;
  }
  .a-r--4x6--\@not-small {
    padding-bottom: 150%;
  }
  .a-r--7x5--\@not-small {
    padding-bottom: 71.42%;
  }
  .a-r--5x7--\@not-small {
    padding-bottom: 140%;
  }
  .a-r--1x1--\@not-small {
    padding-bottom: 100%;
  }
  .a-r--2x3--\@not-small {
    padding-bottom: 150%;
  }
  .a-r--article--tall--\@not-small {
    padding-bottom: calc( 56.25% + 5.75em);
  }
}

@media only screen and (min-width: 48em) {
  .a-r--16x7--\@medium {
    padding-bottom: 42.25%;
  }
  .a-r--16x9--\@medium {
    padding-bottom: 56.25%;
  }
  .a-r--9x8--\@medium {
    padding-bottom: 112.5%;
  }
  .a-r--9x16--\@medium {
    padding-bottom: 177.77%;
  }
  .a-r--4x3--\@medium {
    padding-bottom: 75%;
  }
  .a-r--3x4--\@medium {
    padding-bottom: 133.33%;
  }
  .a-r--6x4--\@medium {
    padding-bottom: 66.6%;
  }
  .a-r--4x6--\@medium {
    padding-bottom: 150%;
  }
  .a-r--7x5--\@medium {
    padding-bottom: 71.42%;
  }
  .a-r--5x7--\@medium {
    padding-bottom: 140%;
  }
  .a-r--1x1--\@medium {
    padding-bottom: 100%;
  }
  .a-r--2x3--\@medium {
    padding-bottom: 150%;
  }
  .a-r--article--tall--\@medium {
    padding-bottom: calc( 56.25% + 5.75em);
  }
}

@media only screen and (min-width: 64em) {
  .a-r--16x7--\@large {
    padding-bottom: 42.25%;
  }
  .a-r--16x9--\@large {
    padding-bottom: 56.25%;
  }
  .a-r--9x8--\@large {
    padding-bottom: 112.5%;
  }
  .a-r--9x16--\@large {
    padding-bottom: 177.77%;
  }
  .a-r--4x3--\@large {
    padding-bottom: 75%;
  }
  .a-r--3x4--\@large {
    padding-bottom: 133.33%;
  }
  .a-r--6x4--\@large {
    padding-bottom: 66.6%;
  }
  .a-r--4x6--\@large {
    padding-bottom: 150%;
  }
  .a-r--7x5--\@large {
    padding-bottom: 71.42%;
  }
  .a-r--5x7--\@large {
    padding-bottom: 140%;
  }
  .a-r--1x1--\@large {
    padding-bottom: 100%;
  }
  .a-r--2x3--\@large {
    padding-bottom: 150%;
  }
  .a-r--article--tall--\@large {
    padding-bottom: calc( 56.25% + 5.75em);
  }
}

@media only screen and (min-width: 68.75em) {
  .a-r--16x7--\@xlarge {
    padding-bottom: 42.25%;
  }
  .a-r--16x9--\@xlarge {
    padding-bottom: 56.25%;
  }
  .a-r--9x8--\@xlarge {
    padding-bottom: 112.5%;
  }
  .a-r--9x16--\@xlarge {
    padding-bottom: 177.77%;
  }
  .a-r--4x3--\@xlarge {
    padding-bottom: 75%;
  }
  .a-r--3x4--\@xlarge {
    padding-bottom: 133.33%;
  }
  .a-r--6x4--\@xlarge {
    padding-bottom: 66.6%;
  }
  .a-r--4x6--\@xlarge {
    padding-bottom: 150%;
  }
  .a-r--7x5--\@xlarge {
    padding-bottom: 71.42%;
  }
  .a-r--5x7--\@xlarge {
    padding-bottom: 140%;
  }
  .a-r--1x1--\@xlarge {
    padding-bottom: 100%;
  }
  .a-r--2x3--\@xlarge {
    padding-bottom: 150%;
  }
  .a-r--article--tall--\@xlarge {
    padding-bottom: calc( 56.25% + 5.75em);
  }
}

/*
------------------------------------------------------------------

    _background-color.scss

------------------------------------------------------------------*/
.bg-c--black {
  background-color: #333333;
}

.bg-c--white {
  background-color: #ffffff;
}

.bg-c--concrete {
  background-color: #f2f2f2;
}

.bg-c--sand {
  background-color: #F4F4F4;
}

.bg-c--off-white {
  background-color: #EDEDED;
}

.bg-c--black--50 {
  background-color: rgba(51, 51, 51, 0.5);
}

.bg-c--black--25 {
  background-color: rgba(51, 51, 51, 0.25);
}

.bg-c--rgba-0-15 {
  background-color: rgba(0, 0, 0, 0.15);
}

.bg-c--rgba-0-25 {
  background-color: rgba(0, 0, 0, 0.25);
}

.bg-c--rgba-0-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-c--red {
  background-color: #F7001F;
}

.bg-c--deep-red {
  background-color: #ee001e;
}

.bg-c--romance {
  background-color: #D5F7D4;
}

.bg-c--yellow {
  background-color: #FFBC00;
}

.bg-c--orange {
  background-color: #FFB846;
}

.bg-c--blue {
  background-color: #5256ff;
}

.bg-c--sky-blue {
  background-color: #00CCFF;
}

.bg-c--deep-blue {
  background-color: #130078;
}

.bg-c--pink {
  background-color: #FFA1CE;
}

.bg-c--dove-grey {
  background-color: #767676;
}

.bg-c--grey {
  background-color: #9C9C9C;
}

.bg-c--boulder {
  background-color: #676767;
}

.bg-c--coral {
  background-color: #FF3C46;
}

.bg-c--sunset {
  background-color: #fd6e71;
}

.bg-c--moon {
  background-color: #FDFFC6;
}

.bg-c--blue-moon {
  background-color: #F0F1FF;
}

.bg-c--bubble-gum {
  background-color: #FFC9CA;
}

.bg-c--rose {
  background-color: #FFE9EA;
}

.bg-c--mercury {
  background-color: #E6E5E6;
}

.bg-c--light-yellow {
  background-color: #ffcc3d;
}

/*
------------------------------------------------------------------

    _background-image.scss

------------------------------------------------------------------*/
.bg-i {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  width: 100%;
}

.bg-i--brand {
  background-image: url(../images/brand.svg);
  padding-bottom: 66.66666667%;
}

.bg-i--brand--white {
  background-image: url(../images/brand--white.svg);
  padding-bottom: 66.66666667%;
}

.bg-i--brand--spacer {
  background-image: url(../images/brand--spacer.svg);
  padding-bottom: 66.66666667%;
}

.bg-i--brand--just-giving {
  background-image: url(../images/brand--just-giving.svg);
  padding-bottom: 56.25%;
}

.bg-i--brand--just-giving--white {
  background-image: url(../images/brand--just-giving--white.svg);
  padding-bottom: 26.04166667%;
}

.bg-i--brand--paypal--white {
  background-image: url(../images/brand--paypal--white.svg);
  padding-bottom: 26.04166667%;
}

.bg-i--ui--magnify {
  background-image: url(../images/ui--magnify.svg);
  padding-bottom: 100%;
}

.bg-i--ui--burger--black {
  background-image: url(../images/ui--burger--black.svg);
  padding-bottom: 100%;
}

.bg-i--ui--close--dove-gray {
  background-image: url(../images/ui--close--dove-gray.svg);
  padding-bottom: 100%;
}

.bg-i--ui--marker--blue {
  background-image: url(../images/ui--marker--blue.svg);
  padding-bottom: 100%;
}

.bg-i--ui--caret--up--circle---white {
  background-image: url(../images/ui--caret--up--circle---white.svg);
  padding-bottom: 100%;
}

.bg-i--ui--caret--down--grey {
  background-image: url(../images/ui--caret--down--grey.svg);
  padding-bottom: 100%;
}

.bg-i--ui--caret--right--grey {
  background-image: url(../images/ui--caret--right--grey.svg);
  padding-bottom: 100%;
}

.bg-i--ui--email--circle--red {
  background-image: url(../images/ui--email--circle--red.svg);
  padding-bottom: 100%;
}

.bg-i--social--facebook--white {
  background-image: url(../images/social--facebook--white.svg);
  padding-bottom: 100%;
}

.bg-i--social--twitter--white {
  background-image: url(../images/social--twitter--white.svg);
  padding-bottom: 100%;
}

.bg-i--social--facebook--red {
  background-image: url(../images/social--facebook--red.svg);
  padding-bottom: 100%;
}

.bg-i--social--twitter--red {
  background-image: url(../images/social--twitter--red.svg);
  padding-bottom: 100%;
}

.bg-i--social--print--red {
  background-image: url(../images/social--print--red.svg);
  padding-bottom: 100%;
}

.bg-i--social--facebook--dove-grey {
  background-image: url(../images/social--facebook--dove-grey.svg);
  padding-bottom: 100%;
}

.bg-i--social--twitter--dove-grey {
  background-image: url(../images/social--twitter--dove-grey.svg);
  padding-bottom: 100%;
}

/*
------------------------------------------------------------------

    _background-position.scss

------------------------------------------------------------------*/
.bg-p--center {
  background-position: center;
  background-repeat: no-repeat;
}

.bg-p--top {
  background-position: center top;
  background-repeat: no-repeat;
}

.bg-p--right {
  background-position: center right;
  background-repeat: no-repeat;
}

.bg-p--bottom {
  background-position: center bottom;
  background-repeat: no-repeat;
}

.bg-p--left {
  background-position: center left;
  background-repeat: no-repeat;
}

/*
------------------------------------------------------------------

    _background-size.scss

------------------------------------------------------------------*/
.bg-s--cover {
  background-size: cover;
}

.bg-s--contain {
  background-size: contain;
}

/*
------------------------------------------------------------------

    _background-repeat.scss

------------------------------------------------------------------*/
.bg-r--no {
  background-repeat: no-repeat;
}

.bg-r--repeat {
  background-repeat: repeat;
}

/*
------------------------------------------------------------------

    _border.scss

------------------------------------------------------------------*/
.b--all {
  border-style: solid;
  border-width: 1px;
}

.b--top {
  border-top-style: solid;
  border-width: 1px;
}

.b--right {
  border-right-style: solid;
  border-width: 1px;
}

.b--bottom {
  border-bottom-style: solid;
  border-width: 1px;
}

.b--left {
  border-left-style: solid;
  border-width: 1px;
}

.b--none {
  border-style: none;
  border-width: 1px;
}

@media only screen and (min-width: 30.0625em) {
  .b--all--\@not-small {
    border-style: solid;
    border-width: 1px;
  }
  .b--top--\@not-small {
    border-top-style: solid;
    border-width: 1px;
  }
  .b--right--\@not-small {
    border-right-style: solid;
    border-width: 1px;
  }
  .b--bottom--\@not-small {
    border-bottom-style: solid;
    border-width: 1px;
  }
  .b--left--\@not-small {
    border-left-style: solid;
    border-width: 1px;
  }
  .b--none--\@not-small {
    border-style: none;
    border-width: 1px;
  }
}

@media only screen and (min-width: 48em) {
  .b--all--\@medium {
    border-style: solid;
    border-width: 1px;
  }
  .b--top--\@medium {
    border-top-style: solid;
    border-width: 1px;
  }
  .b--right--\@medium {
    border-right-style: solid;
    border-width: 1px;
  }
  .b--bottom--\@medium {
    border-bottom-style: solid;
    border-width: 1px;
  }
  .b--left--\@medium {
    border-left-style: solid;
    border-width: 1px;
  }
  .b--none--\@medium {
    border-style: none;
    border-width: 1px;
  }
}

@media only screen and (min-width: 64em) {
  .b--all--\@large {
    border-style: solid;
    border-width: 1px;
  }
  .b--top--\@large {
    border-top-style: solid;
    border-width: 1px;
  }
  .b--right--\@large {
    border-right-style: solid;
    border-width: 1px;
  }
  .b--bottom--\@large {
    border-bottom-style: solid;
    border-width: 1px;
  }
  .b--left--\@large {
    border-left-style: solid;
    border-width: 1px;
  }
  .b--none--\@large {
    border-style: none;
    border-width: 1px;
  }
}

@media only screen and (min-width: 68.75em) {
  .b--all--\@xlarge {
    border-style: solid;
    border-width: 1px;
  }
  .b--top--\@xlarge {
    border-top-style: solid;
    border-width: 1px;
  }
  .b--right--\@xlarge {
    border-right-style: solid;
    border-width: 1px;
  }
  .b--bottom--\@xlarge {
    border-bottom-style: solid;
    border-width: 1px;
  }
  .b--left--\@xlarge {
    border-left-style: solid;
    border-width: 1px;
  }
  .b--none--\@xlarge {
    border-style: none;
    border-width: 1px;
  }
}

/*
------------------------------------------------------------------

    _border-color.scss

------------------------------------------------------------------*/
.b-c--black {
  border-color: #333333;
}

.b-c--white {
  border-color: #ffffff;
}

.b-c--concrete {
  border-color: #f2f2f2;
}

.b-c--sand {
  border-color: #F4F4F4;
}

.b-c--off-white {
  border-color: #EDEDED;
}

.b-c--black--50 {
  border-color: rgba(51, 51, 51, 0.5);
}

.b-c--black--25 {
  border-color: rgba(51, 51, 51, 0.25);
}

.b-c--rgba-0-15 {
  border-color: rgba(0, 0, 0, 0.15);
}

.b-c--rgba-0-25 {
  border-color: rgba(0, 0, 0, 0.25);
}

.b-c--rgba-0-50 {
  border-color: rgba(0, 0, 0, 0.5);
}

.b-c--red {
  border-color: #F7001F;
}

.b-c--deep-red {
  border-color: #ee001e;
}

.b-c--romance {
  border-color: #D5F7D4;
}

.b-c--yellow {
  border-color: #FFBC00;
}

.b-c--orange {
  border-color: #FFB846;
}

.b-c--blue {
  border-color: #5256ff;
}

.b-c--sky-blue {
  border-color: #00CCFF;
}

.b-c--deep-blue {
  border-color: #130078;
}

.b-c--pink {
  border-color: #FFA1CE;
}

.b-c--dove-grey {
  border-color: #767676;
}

.b-c--grey {
  border-color: #9C9C9C;
}

.b-c--boulder {
  border-color: #676767;
}

.b-c--coral {
  border-color: #FF3C46;
}

.b-c--sunset {
  border-color: #fd6e71;
}

.b-c--moon {
  border-color: #FDFFC6;
}

.b-c--blue-moon {
  border-color: #F0F1FF;
}

.b-c--bubble-gum {
  border-color: #FFC9CA;
}

.b-c--rose {
  border-color: #FFE9EA;
}

.b-c--mercury {
  border-color: #E6E5E6;
}

.b-c--light-yellow {
  border-color: #ffcc3d;
}

/*
------------------------------------------------------------------

    _border-radius.scss

------------------------------------------------------------------*/
.b-r--0 {
  border-radius: 0;
}

.b-r--100p {
  border-radius: 100%;
}

.b-r--pill {
  border-radius: 9999px;
}

/*
------------------------------------------------------------------

    _border-style.scss

------------------------------------------------------------------*/
.b-s--dotted {
  border-style: dotted;
}

.b-s--dashed {
  border-style: dashed;
}

.b-s--solid {
  border-style: solid;
}

.b-s--none {
  border-style: none;
}

@media only screen and (min-width: 30.0625em) {
  .b-s--dotted--\@not-small {
    border-style: dotted;
  }
  .b-s--dashed--\@not-small {
    border-style: dashed;
  }
  .b-s--solid--\@not-small {
    border-style: solid;
  }
  .b-s--none--\@not-small {
    border-style: none;
  }
}

@media only screen and (min-width: 48em) {
  .b-s--dotted--\@medium {
    border-style: dotted;
  }
  .b-s--dashed--\@medium {
    border-style: dashed;
  }
  .b-s--solid--\@medium {
    border-style: solid;
  }
  .b-s--none--\@medium {
    border-style: none;
  }
}

@media only screen and (min-width: 64em) {
  .b-s--dotted--\@large {
    border-style: dotted;
  }
  .b-s--dashed--\@large {
    border-style: dashed;
  }
  .b-s--solid--\@large {
    border-style: solid;
  }
  .b-s--none--\@large {
    border-style: none;
  }
}

@media only screen and (min-width: 68.75em) {
  .b-s--dotted--\@xlarge {
    border-style: dotted;
  }
  .b-s--dashed--\@xlarge {
    border-style: dashed;
  }
  .b-s--solid--\@xlarge {
    border-style: solid;
  }
  .b-s--none--\@xlarge {
    border-style: none;
  }
}

/*
------------------------------------------------------------------

    _border-width.scss

------------------------------------------------------------------*/
.b-w--0 {
  border-width: 0;
}

.b-w--1px {
  border-width: 1px;
}

.b-w--2px {
  border-width: 2px;
}

.b-w--3px {
  border-width: 3px;
}

.b-w--4px {
  border-width: 4px;
}

.b-w--5px {
  border-width: 5px;
}

@media only screen and (min-width: 30.0625em) {
  .b-w--0--\@not-small {
    border-width: 0;
  }
  .b-w--1px--\@not-small {
    border-width: 1px;
  }
  .b-w--2px--\@not-small {
    border-width: 2px;
  }
  .b-w--3px--\@not-small {
    border-width: 3px;
  }
  .b-w--4px--\@not-small {
    border-width: 4px;
  }
  .b-w--5px--\@not-small {
    border-width: 5px;
  }
}

@media only screen and (min-width: 48em) {
  .b-w--0--\@medium {
    border-width: 0;
  }
  .b-w--1px--\@medium {
    border-width: 1px;
  }
  .b-w--2px--\@medium {
    border-width: 2px;
  }
  .b-w--3px--\@medium {
    border-width: 3px;
  }
  .b-w--4px--\@medium {
    border-width: 4px;
  }
  .b-w--5px--\@medium {
    border-width: 5px;
  }
}

@media only screen and (min-width: 64em) {
  .b-w--0--\@large {
    border-width: 0;
  }
  .b-w--1px--\@large {
    border-width: 1px;
  }
  .b-w--2px--\@large {
    border-width: 2px;
  }
  .b-w--3px--\@large {
    border-width: 3px;
  }
  .b-w--4px--\@large {
    border-width: 4px;
  }
  .b-w--5px--\@large {
    border-width: 5px;
  }
}

@media only screen and (min-width: 68.75em) {
  .b-w--0--\@xlarge {
    border-width: 0;
  }
  .b-w--1px--\@xlarge {
    border-width: 1px;
  }
  .b-w--2px--\@xlarge {
    border-width: 2px;
  }
  .b-w--3px--\@xlarge {
    border-width: 3px;
  }
  .b-w--4px--\@xlarge {
    border-width: 4px;
  }
  .b-w--5px--\@xlarge {
    border-width: 5px;
  }
}

/*
------------------------------------------------------------------

    _box-shadow.scss

------------------------------------------------------------------*/
.bx-sh--1 {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
}

.bx-sh--2 {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
}

.bx-sh--3 {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
}

.bx-sh--4 {
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
}

.bx-sh--5 {
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
}

.bx-sh--6 {
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

.bx-sh--16 {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 30.0625em) {
  .bx-sh--1--\@not-small {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--2--\@not-small {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--3--\@not-small {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--4--\@not-small {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--5--\@not-small {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--6--\@not-small {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--16--\@not-small {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (min-width: 48em) {
  .bx-sh--1--\@medium {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--2--\@medium {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--3--\@medium {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--4--\@medium {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--5--\@medium {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--6--\@medium {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--16--\@medium {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (min-width: 64em) {
  .bx-sh--1--\@large {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--2--\@large {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--3--\@large {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--4--\@large {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--5--\@large {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--6--\@large {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--16--\@large {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (min-width: 68.75em) {
  .bx-sh--1--\@xlarge {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--2--\@xlarge {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--3--\@xlarge {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  }
  .bx-sh--4--\@xlarge {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--5--\@xlarge {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--6--\@xlarge {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .bx-sh--16--\@xlarge {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
  }
}

/*
------------------------------------------------------------------

    _box-sizing.scss

------------------------------------------------------------------*/
.bx-s--border-box {
  box-sizing: border-box;
}

@media only screen and (min-width: 30.0625em) {
  .bx-s--border-box--\@not-small {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 48em) {
  .bx-s--border-box--\@medium {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 64em) {
  .bx-s--border-box--\@large {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 68.75em) {
  .bx-s--border-box--\@xlarge {
    box-sizing: border-box;
  }
}

/*
------------------------------------------------------------------

    _clear.scss

------------------------------------------------------------------*/
.cl--none {
  clear: none;
}

.cl--left {
  clear: left;
}

.cl--right {
  clear: right;
}

.cl--both {
  clear: both;
}

.cl--inline-start {
  clear: inline-start;
}

.cl--inline-end {
  clear: inline-end;
}

@media only screen and (min-width: 30.0625em) {
  .cl--none--\@not-small {
    clear: none;
  }
  .cl--left--\@not-small {
    clear: left;
  }
  .cl--right--\@not-small {
    clear: right;
  }
  .cl--both--\@not-small {
    clear: both;
  }
  .cl--inline-start--\@not-small {
    clear: inline-start;
  }
  .cl--inline-end--\@not-small {
    clear: inline-end;
  }
}

@media only screen and (min-width: 48em) {
  .cl--none--\@medium {
    clear: none;
  }
  .cl--left--\@medium {
    clear: left;
  }
  .cl--right--\@medium {
    clear: right;
  }
  .cl--both--\@medium {
    clear: both;
  }
  .cl--inline-start--\@medium {
    clear: inline-start;
  }
  .cl--inline-end--\@medium {
    clear: inline-end;
  }
}

@media only screen and (min-width: 64em) {
  .cl--none--\@large {
    clear: none;
  }
  .cl--left--\@large {
    clear: left;
  }
  .cl--right--\@large {
    clear: right;
  }
  .cl--both--\@large {
    clear: both;
  }
  .cl--inline-start--\@large {
    clear: inline-start;
  }
  .cl--inline-end--\@large {
    clear: inline-end;
  }
}

@media only screen and (min-width: 68.75em) {
  .cl--none--\@xlarge {
    clear: none;
  }
  .cl--left--\@xlarge {
    clear: left;
  }
  .cl--right--\@xlarge {
    clear: right;
  }
  .cl--both--\@xlarge {
    clear: both;
  }
  .cl--inline-start--\@xlarge {
    clear: inline-start;
  }
  .cl--inline-end--\@xlarge {
    clear: inline-end;
  }
}

/*
------------------------------------------------------------------

    _code.scss

------------------------------------------------------------------*/
pre {
  overflow-x: auto;
  overflow-y: hidden;
  overflow: scroll;
}

/*
------------------------------------------------------------------

    _color.scss

------------------------------------------------------------------*/
.c--black {
  color: #333333;
}

.c--white {
  color: #ffffff;
}

.c--concrete {
  color: #f2f2f2;
}

.c--sand {
  color: #F4F4F4;
}

.c--off-white {
  color: #EDEDED;
}

.c--black--50 {
  color: rgba(51, 51, 51, 0.5);
}

.c--black--25 {
  color: rgba(51, 51, 51, 0.25);
}

.c--rgba-0-15 {
  color: rgba(0, 0, 0, 0.15);
}

.c--rgba-0-25 {
  color: rgba(0, 0, 0, 0.25);
}

.c--rgba-0-50 {
  color: rgba(0, 0, 0, 0.5);
}

.c--red {
  color: #F7001F;
}

.c--deep-red {
  color: #ee001e;
}

.c--romance {
  color: #D5F7D4;
}

.c--yellow {
  color: #FFBC00;
}

.c--orange {
  color: #FFB846;
}

.c--blue {
  color: #5256ff;
}

.c--sky-blue {
  color: #00CCFF;
}

.c--deep-blue {
  color: #130078;
}

.c--pink {
  color: #FFA1CE;
}

.c--dove-grey {
  color: #767676;
}

.c--grey {
  color: #9C9C9C;
}

.c--boulder {
  color: #676767;
}

.c--coral {
  color: #FF3C46;
}

.c--sunset {
  color: #fd6e71;
}

.c--moon {
  color: #FDFFC6;
}

.c--blue-moon {
  color: #F0F1FF;
}

.c--bubble-gum {
  color: #FFC9CA;
}

.c--rose {
  color: #FFE9EA;
}

.c--mercury {
  color: #E6E5E6;
}

.c--light-yellow {
  color: #ffcc3d;
}

.bg-c--blue .c--pink {
  color: #ffb0d6;
}

/*
------------------------------------------------------------------

    _column-count.scss

------------------------------------------------------------------*/
.c-c--1 {
  -moz-column-count: 1;
       column-count: 1;
}

.c-c--2 {
  -moz-column-count: 2;
       column-count: 2;
}

.c-c--3 {
  -moz-column-count: 3;
       column-count: 3;
}

.c-c--4 {
  -moz-column-count: 4;
       column-count: 4;
}

.c-c--5 {
  -moz-column-count: 5;
       column-count: 5;
}

.c-c--6 {
  -moz-column-count: 6;
       column-count: 6;
}

@media only screen and (min-width: 30.0625em) {
  .c-c--1--\@not-small {
    -moz-column-count: 1;
         column-count: 1;
  }
  .c-c--2--\@not-small {
    -moz-column-count: 2;
         column-count: 2;
  }
  .c-c--3--\@not-small {
    -moz-column-count: 3;
         column-count: 3;
  }
  .c-c--4--\@not-small {
    -moz-column-count: 4;
         column-count: 4;
  }
  .c-c--5--\@not-small {
    -moz-column-count: 5;
         column-count: 5;
  }
  .c-c--6--\@not-small {
    -moz-column-count: 6;
         column-count: 6;
  }
}

@media only screen and (min-width: 48em) {
  .c-c--1--\@medium {
    -moz-column-count: 1;
         column-count: 1;
  }
  .c-c--2--\@medium {
    -moz-column-count: 2;
         column-count: 2;
  }
  .c-c--3--\@medium {
    -moz-column-count: 3;
         column-count: 3;
  }
  .c-c--4--\@medium {
    -moz-column-count: 4;
         column-count: 4;
  }
  .c-c--5--\@medium {
    -moz-column-count: 5;
         column-count: 5;
  }
  .c-c--6--\@medium {
    -moz-column-count: 6;
         column-count: 6;
  }
}

@media only screen and (min-width: 64em) {
  .c-c--1--\@large {
    -moz-column-count: 1;
         column-count: 1;
  }
  .c-c--2--\@large {
    -moz-column-count: 2;
         column-count: 2;
  }
  .c-c--3--\@large {
    -moz-column-count: 3;
         column-count: 3;
  }
  .c-c--4--\@large {
    -moz-column-count: 4;
         column-count: 4;
  }
  .c-c--5--\@large {
    -moz-column-count: 5;
         column-count: 5;
  }
  .c-c--6--\@large {
    -moz-column-count: 6;
         column-count: 6;
  }
}

@media only screen and (min-width: 68.75em) {
  .c-c--1--\@xlarge {
    -moz-column-count: 1;
         column-count: 1;
  }
  .c-c--2--\@xlarge {
    -moz-column-count: 2;
         column-count: 2;
  }
  .c-c--3--\@xlarge {
    -moz-column-count: 3;
         column-count: 3;
  }
  .c-c--4--\@xlarge {
    -moz-column-count: 4;
         column-count: 4;
  }
  .c-c--5--\@xlarge {
    -moz-column-count: 5;
         column-count: 5;
  }
  .c-c--6--\@xlarge {
    -moz-column-count: 6;
         column-count: 6;
  }
}

/*
------------------------------------------------------------------

    _cursor.scss

------------------------------------------------------------------*/
.crs--pointer {
  cursor: pointer;
}

.crs--copy {
  cursor: copy;
}

.crs--move {
  cursor: move;
}

.crs--grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.crs--grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.crs--zoom-in {
  cursor: zoom-in;
}

.crs--zoom-out {
  cursor: zoom-out;
}

.crs--auto {
  cursor: auto;
}

.crs--progress {
  cursor: progress;
}

/*
------------------------------------------------------------------

    _display.scss

------------------------------------------------------------------*/
.d--none {
  display: none;
}

.d--table {
  display: table;
}

.d--table-cell {
  display: table-cell;
}

.d--block {
  display: block;
}

.d--inline-block {
  display: inline-block;
}

.d--flex {
  display: flex;
}

.d--inline-flex {
  display: inline-flex;
}

@media only screen and (min-width: 30.0625em) {
  .d--none--\@not-small {
    display: none;
  }
  .d--table--\@not-small {
    display: table;
  }
  .d--table-cell--\@not-small {
    display: table-cell;
  }
  .d--block--\@not-small {
    display: block;
  }
  .d--inline-block--\@not-small {
    display: inline-block;
  }
  .d--flex--\@not-small {
    display: flex;
  }
  .d--inline-flex--\@not-small {
    display: inline-flex;
  }
}

@media only screen and (min-width: 48em) {
  .d--none--\@medium {
    display: none;
  }
  .d--table--\@medium {
    display: table;
  }
  .d--table-cell--\@medium {
    display: table-cell;
  }
  .d--block--\@medium {
    display: block;
  }
  .d--inline-block--\@medium {
    display: inline-block;
  }
  .d--flex--\@medium {
    display: flex;
  }
  .d--inline-flex--\@medium {
    display: inline-flex;
  }
}

@media only screen and (min-width: 64em) {
  .d--none--\@large {
    display: none;
  }
  .d--table--\@large {
    display: table;
  }
  .d--table-cell--\@large {
    display: table-cell;
  }
  .d--block--\@large {
    display: block;
  }
  .d--inline-block--\@large {
    display: inline-block;
  }
  .d--flex--\@large {
    display: flex;
  }
  .d--inline-flex--\@large {
    display: inline-flex;
  }
}

@media only screen and (min-width: 68.75em) {
  .d--none--\@xlarge {
    display: none;
  }
  .d--table--\@xlarge {
    display: table;
  }
  .d--table-cell--\@xlarge {
    display: table-cell;
  }
  .d--block--\@xlarge {
    display: block;
  }
  .d--inline-block--\@xlarge {
    display: inline-block;
  }
  .d--flex--\@xlarge {
    display: flex;
  }
  .d--inline-flex--\@xlarge {
    display: inline-flex;
  }
}

/*
------------------------------------------------------------------

    _flex.scss

------------------------------------------------------------------*/
.flx--auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.flx--none {
  flex: none;
}

.flx--column {
  flex-direction: column;
}

.flx--row {
  flex-direction: row;
}

.flx--wrap {
  flex-wrap: wrap;
}

.flx--nowrap {
  flex-wrap: nowrap;
}

.flx--wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flx--column-reverse {
  flex-direction: column-reverse;
}

.flx--row-reverse {
  flex-direction: column-reverse;
}

.flx--items-start {
  align-items: start;
}

.flx--items-end {
  align-items: end;
}

.flx--items-center {
  align-items: center;
}

.flx--items-baseline {
  align-items: baseline;
}

.flx--items-stretch {
  align-items: stretch;
}

.flx--self-start {
  align-self: start;
}

.flx--self-end {
  align-self: end;
}

.flx--self-center {
  align-self: center;
}

.flx--self-baseline {
  align-self: baseline;
}

.flx--self-stretch {
  align-self: stretch;
}

.flx--justify-start {
  justify-content: flex-start;
}

.flx--justify-end {
  justify-content: flex-end;
}

.flx--justify-center {
  justify-content: center;
}

.flx--justify-between {
  justify-content: space-between;
}

.flx--justify-around {
  justify-content: space-around;
}

.flx--content-start {
  align-content: flex-start;
}

.flx--content-end {
  align-content: flex-end;
}

.flx--content-center {
  align-content: center;
}

.flx--content-between {
  align-content: space-between;
}

.flx--content-around {
  align-content: space-around;
}

.flx--content-stretch {
  align-content: stretch;
}

.flx--grow--0 {
  flex-grow: 0;
}

.flx--grow--1 {
  flex-grow: 1;
}

.flx--shrink--0 {
  flex-shrink: 0;
}

.flx--shrink--1 {
  flex-shrink: 1;
}

@media only screen and (min-width: 30.0625em) {
  .flx--auto--\@not-small {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flx--none--\@not-small {
    flex: none;
  }
  .flx--column--\@not-small {
    flex-direction: column;
  }
  .flx--row--\@not-small {
    flex-direction: row;
  }
  .flx--wrap--\@not-small {
    flex-wrap: wrap;
  }
  .flx--nowrap--\@not-small {
    flex-wrap: nowrap;
  }
  .flx--wrap-reverse--\@not-small {
    flex-wrap: wrap-reverse;
  }
  .flx--column-reverse--\@not-small {
    flex-direction: column-reverse;
  }
  .flx--row-reverse--\@not-small {
    flex-direction: column-reverse;
  }
  .flx--items-start--\@not-small {
    align-items: start;
  }
  .flx--items-end--\@not-small {
    align-items: end;
  }
  .flx--items-center--\@not-small {
    align-items: center;
  }
  .flx--items-baseline--\@not-small {
    align-items: baseline;
  }
  .flx--items-stretch--\@not-small {
    align-items: stretch;
  }
  .flx--self-start--\@not-small {
    align-self: start;
  }
  .flx--self-end--\@not-small {
    align-self: end;
  }
  .flx--self-center--\@not-small {
    align-self: center;
  }
  .flx--self-baseline--\@not-small {
    align-self: baseline;
  }
  .flx--self-stretch--\@not-small {
    align-self: stretch;
  }
  .flx--justify-start--\@not-small {
    justify-content: flex-start;
  }
  .flx--justify-end--\@not-small {
    justify-content: flex-end;
  }
  .flx--justify-center--\@not-small {
    justify-content: center;
  }
  .flx--justify-between--\@not-small {
    justify-content: space-between;
  }
  .flx--justify-around--\@not-small {
    justify-content: space-around;
  }
  .flx--content-start--\@not-small {
    align-content: flex-start;
  }
  .flx--content-end--\@not-small {
    align-content: flex-end;
  }
  .flx--content-center--\@not-small {
    align-content: center;
  }
  .flx--content-between--\@not-small {
    align-content: space-between;
  }
  .flx--content-around--\@not-small {
    align-content: space-around;
  }
  .flx--content-stretch--\@not-small {
    align-content: stretch;
  }
  .flx--grow--0--\@not-small {
    flex-grow: 0;
  }
  .flx--grow--1--\@not-small {
    flex-grow: 1;
  }
  .flx--shrink--0--\@not-small {
    flex-shrink: 0;
  }
  .flx--shrink--1--\@not-small {
    flex-shrink: 1;
  }
}

@media only screen and (min-width: 48em) {
  .flx--auto--\@medium {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flx--none--\@medium {
    flex: none;
  }
  .flx--column--\@medium {
    flex-direction: column;
  }
  .flx--row--\@medium {
    flex-direction: row;
  }
  .flx--wrap--\@medium {
    flex-wrap: wrap;
  }
  .flx--nowrap--\@medium {
    flex-wrap: nowrap;
  }
  .flx--wrap-reverse--\@medium {
    flex-wrap: wrap-reverse;
  }
  .flx--column-reverse--\@medium {
    flex-direction: column-reverse;
  }
  .flx--row-reverse--\@medium {
    flex-direction: column-reverse;
  }
  .flx--items-start--\@medium {
    align-items: start;
  }
  .flx--items-end--\@medium {
    align-items: end;
  }
  .flx--items-center--\@medium {
    align-items: center;
  }
  .flx--items-baseline--\@medium {
    align-items: baseline;
  }
  .flx--items-stretch--\@medium {
    align-items: stretch;
  }
  .flx--self-start--\@medium {
    align-self: start;
  }
  .flx--self-end--\@medium {
    align-self: end;
  }
  .flx--self-center--\@medium {
    align-self: center;
  }
  .flx--self-baseline--\@medium {
    align-self: baseline;
  }
  .flx--self-stretch--\@medium {
    align-self: stretch;
  }
  .flx--justify-start--\@medium {
    justify-content: flex-start;
  }
  .flx--justify-end--\@medium {
    justify-content: flex-end;
  }
  .flx--justify-center--\@medium {
    justify-content: center;
  }
  .flx--justify-between--\@medium {
    justify-content: space-between;
  }
  .flx--justify-around--\@medium {
    justify-content: space-around;
  }
  .flx--content-start--\@medium {
    align-content: flex-start;
  }
  .flx--content-end--\@medium {
    align-content: flex-end;
  }
  .flx--content-center--\@medium {
    align-content: center;
  }
  .flx--content-between--\@medium {
    align-content: space-between;
  }
  .flx--content-around--\@medium {
    align-content: space-around;
  }
  .flx--content-stretch--\@medium {
    align-content: stretch;
  }
  .flx--grow--0--\@medium {
    flex-grow: 0;
  }
  .flx--grow--1--\@medium {
    flex-grow: 1;
  }
  .flx--shrink--0--\@medium {
    flex-shrink: 0;
  }
  .flx--shrink--1--\@medium {
    flex-shrink: 1;
  }
}

@media only screen and (min-width: 64em) {
  .flx--auto--\@large {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flx--none--\@large {
    flex: none;
  }
  .flx--column--\@large {
    flex-direction: column;
  }
  .flx--row--\@large {
    flex-direction: row;
  }
  .flx--wrap--\@large {
    flex-wrap: wrap;
  }
  .flx--nowrap--\@large {
    flex-wrap: nowrap;
  }
  .flx--wrap-reverse--\@large {
    flex-wrap: wrap-reverse;
  }
  .flx--column-reverse--\@large {
    flex-direction: column-reverse;
  }
  .flx--row-reverse--\@large {
    flex-direction: column-reverse;
  }
  .flx--items-start--\@large {
    align-items: start;
  }
  .flx--items-end--\@large {
    align-items: end;
  }
  .flx--items-center--\@large {
    align-items: center;
  }
  .flx--items-baseline--\@large {
    align-items: baseline;
  }
  .flx--items-stretch--\@large {
    align-items: stretch;
  }
  .flx--self-start--\@large {
    align-self: start;
  }
  .flx--self-end--\@large {
    align-self: end;
  }
  .flx--self-center--\@large {
    align-self: center;
  }
  .flx--self-baseline--\@large {
    align-self: baseline;
  }
  .flx--self-stretch--\@large {
    align-self: stretch;
  }
  .flx--justify-start--\@large {
    justify-content: flex-start;
  }
  .flx--justify-end--\@large {
    justify-content: flex-end;
  }
  .flx--justify-center--\@large {
    justify-content: center;
  }
  .flx--justify-between--\@large {
    justify-content: space-between;
  }
  .flx--justify-around--\@large {
    justify-content: space-around;
  }
  .flx--content-start--\@large {
    align-content: flex-start;
  }
  .flx--content-end--\@large {
    align-content: flex-end;
  }
  .flx--content-center--\@large {
    align-content: center;
  }
  .flx--content-between--\@large {
    align-content: space-between;
  }
  .flx--content-around--\@large {
    align-content: space-around;
  }
  .flx--content-stretch--\@large {
    align-content: stretch;
  }
  .flx--grow--0--\@large {
    flex-grow: 0;
  }
  .flx--grow--1--\@large {
    flex-grow: 1;
  }
  .flx--shrink--0--\@large {
    flex-shrink: 0;
  }
  .flx--shrink--1--\@large {
    flex-shrink: 1;
  }
}

@media only screen and (min-width: 68.75em) {
  .flx--auto--\@xlarge {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
  }
  .flx--none--\@xlarge {
    flex: none;
  }
  .flx--column--\@xlarge {
    flex-direction: column;
  }
  .flx--row--\@xlarge {
    flex-direction: row;
  }
  .flx--wrap--\@xlarge {
    flex-wrap: wrap;
  }
  .flx--nowrap--\@xlarge {
    flex-wrap: nowrap;
  }
  .flx--wrap-reverse--\@xlarge {
    flex-wrap: wrap-reverse;
  }
  .flx--column-reverse--\@xlarge {
    flex-direction: column-reverse;
  }
  .flx--row-reverse--\@xlarge {
    flex-direction: column-reverse;
  }
  .flx--items-start--\@xlarge {
    align-items: start;
  }
  .flx--items-end--\@xlarge {
    align-items: end;
  }
  .flx--items-center--\@xlarge {
    align-items: center;
  }
  .flx--items-baseline--\@xlarge {
    align-items: baseline;
  }
  .flx--items-stretch--\@xlarge {
    align-items: stretch;
  }
  .flx--self-start--\@xlarge {
    align-self: start;
  }
  .flx--self-end--\@xlarge {
    align-self: end;
  }
  .flx--self-center--\@xlarge {
    align-self: center;
  }
  .flx--self-baseline--\@xlarge {
    align-self: baseline;
  }
  .flx--self-stretch--\@xlarge {
    align-self: stretch;
  }
  .flx--justify-start--\@xlarge {
    justify-content: flex-start;
  }
  .flx--justify-end--\@xlarge {
    justify-content: flex-end;
  }
  .flx--justify-center--\@xlarge {
    justify-content: center;
  }
  .flx--justify-between--\@xlarge {
    justify-content: space-between;
  }
  .flx--justify-around--\@xlarge {
    justify-content: space-around;
  }
  .flx--content-start--\@xlarge {
    align-content: flex-start;
  }
  .flx--content-end--\@xlarge {
    align-content: flex-end;
  }
  .flx--content-center--\@xlarge {
    align-content: center;
  }
  .flx--content-between--\@xlarge {
    align-content: space-between;
  }
  .flx--content-around--\@xlarge {
    align-content: space-around;
  }
  .flx--content-stretch--\@xlarge {
    align-content: stretch;
  }
  .flx--grow--0--\@xlarge {
    flex-grow: 0;
  }
  .flx--grow--1--\@xlarge {
    flex-grow: 1;
  }
  .flx--shrink--0--\@xlarge {
    flex-shrink: 0;
  }
  .flx--shrink--1--\@xlarge {
    flex-shrink: 1;
  }
}

/*
------------------------------------------------------------------

    _float.scss

------------------------------------------------------------------*/
.f--left {
  float: left;
}

.f--right {
  float: right;
}

.f--none {
  float: none;
}

.f--inline-start {
  float: inline-start;
}

.f--inline-end {
  float: inline-end;
}

@media only screen and (min-width: 30.0625em) {
  .f--left--\@not-small {
    float: left;
  }
  .f--right--\@not-small {
    float: right;
  }
  .f--none--\@not-small {
    float: none;
  }
  .f--inline-start--\@not-small {
    float: inline-start;
  }
  .f--inline-end--\@not-small {
    float: inline-end;
  }
}

@media only screen and (min-width: 48em) {
  .f--left--\@medium {
    float: left;
  }
  .f--right--\@medium {
    float: right;
  }
  .f--none--\@medium {
    float: none;
  }
  .f--inline-start--\@medium {
    float: inline-start;
  }
  .f--inline-end--\@medium {
    float: inline-end;
  }
}

@media only screen and (min-width: 64em) {
  .f--left--\@large {
    float: left;
  }
  .f--right--\@large {
    float: right;
  }
  .f--none--\@large {
    float: none;
  }
  .f--inline-start--\@large {
    float: inline-start;
  }
  .f--inline-end--\@large {
    float: inline-end;
  }
}

@media only screen and (min-width: 68.75em) {
  .f--left--\@xlarge {
    float: left;
  }
  .f--right--\@xlarge {
    float: right;
  }
  .f--none--\@xlarge {
    float: none;
  }
  .f--inline-start--\@xlarge {
    float: inline-start;
  }
  .f--inline-end--\@xlarge {
    float: inline-end;
  }
}

/*
------------------------------------------------------------------

    _font-family.scss

------------------------------------------------------------------*/
.f-f--serif {
  font-family: "Source Serif Pro", times, serif;
}

.f-f--sans-serif {
  font-family: "Sofia Pro Light", avenir, sans-serif;
}

.f-f--sans-serif-bold {
  font-family: "Sofia Pro", avenir, sans-serif;
  font-weight: 700;
}

.f-f--sans-serif-black {
  font-family: sofia-pro-black, avenir, sans-serif;
  font-weight: 400;
}

/*
------------------------------------------------------------------

    _font-size.scss

    scale
    --------------------
    1 - 1em - 16px
    2 - 2em - 32px
    3 - 3em - 48px
    4 - 4em - 64px
    5 - 5em - 80px
    6 - 6em - 96px

    -75  - 0.75em  - 12px
    -785 - 0.875em - 14px
    1125 - 1.125em - 18px
    125  - 1.25em  - 20px
    15   - 1.25em  - 24px
    175  - 1.75em  - 28px
    2125 - 2.125em - 34px
    225  - 2.25em  - 36px
    25   - 2.25em  - 40px
    275  - 2.75em  - 44px

------------------------------------------------------------------*/
.f-s--0 {
  font-size: 0;
}

.f-s--1 {
  font-size: 1em;
}

.f-s--2 {
  font-size: 2em;
}

.f-s--3 {
  font-size: 3em;
}

.f-s--4 {
  font-size: 4em;
}

.f-s--5 {
  font-size: 5em;
}

.f-s--6 {
  font-size: 6em;
}

.f-s---1 {
  font-size: 4.5em;
}

.f-s--12px {
  font-size: 12px;
}

.f-s--14px {
  font-size: 14px;
}

.f-s--16px {
  font-size: 16px;
}

.f-s--18px {
  font-size: 18px;
}

.f-s--19px {
  font-size: 19px;
}

.f-s--20px {
  font-size: 20px;
}

.f-s--22px {
  font-size: 22px;
}

.f-s--24px {
  font-size: 24px;
}

.f-s--32px {
  font-size: 32px;
}

.f-s--36px {
  font-size: 36px;
}

.f-s--40px {
  font-size: 40px;
}

.f-s--48px {
  font-size: 48px;
}

.f-s--64px {
  font-size: 64px;
}

.f-s--80px {
  font-size: 80px;
}

.f-s--96px {
  font-size: 96px;
}

@media only screen and (min-width: 30.0625em) {
  .f-s--0--\@not-small {
    font-size: 0;
  }
  .f-s--1--\@not-small {
    font-size: 1em;
  }
  .f-s--2--\@not-small {
    font-size: 2em;
  }
  .f-s--3--\@not-small {
    font-size: 3em;
  }
  .f-s--4--\@not-small {
    font-size: 4em;
  }
  .f-s--5--\@not-small {
    font-size: 5em;
  }
  .f-s--6--\@not-small {
    font-size: 6em;
  }
  .f-s---1--\@not-small {
    font-size: 4.5em;
  }
  .f-s--12px--\@not-small {
    font-size: 12px;
  }
  .f-s--14px--\@not-small {
    font-size: 14px;
  }
  .f-s--16px--\@not-small {
    font-size: 16px;
  }
  .f-s--18px--\@not-small {
    font-size: 18px;
  }
  .f-s--19px--\@not-small {
    font-size: 19px;
  }
  .f-s--20px--\@not-small {
    font-size: 20px;
  }
  .f-s--22px--\@not-small {
    font-size: 22px;
  }
  .f-s--24px--\@not-small {
    font-size: 24px;
  }
  .f-s--32px--\@not-small {
    font-size: 32px;
  }
  .f-s--36px--\@not-small {
    font-size: 36px;
  }
  .f-s--40px--\@not-small {
    font-size: 40px;
  }
  .f-s--48px--\@not-small {
    font-size: 48px;
  }
  .f-s--64px--\@not-small {
    font-size: 64px;
  }
  .f-s--80px--\@not-small {
    font-size: 80px;
  }
  .f-s--96px--\@not-small {
    font-size: 96px;
  }
}

@media only screen and (min-width: 48em) {
  .f-s--0--\@medium {
    font-size: 0;
  }
  .f-s--1--\@medium {
    font-size: 1em;
  }
  .f-s--2--\@medium {
    font-size: 2em;
  }
  .f-s--3--\@medium {
    font-size: 3em;
  }
  .f-s--4--\@medium {
    font-size: 4em;
  }
  .f-s--5--\@medium {
    font-size: 5em;
  }
  .f-s--6--\@medium {
    font-size: 6em;
  }
  .f-s---1--\@medium {
    font-size: 4.5em;
  }
  .f-s--12px--\@medium {
    font-size: 12px;
  }
  .f-s--14px--\@medium {
    font-size: 14px;
  }
  .f-s--16px--\@medium {
    font-size: 16px;
  }
  .f-s--18px--\@medium {
    font-size: 18px;
  }
  .f-s--19px--\@medium {
    font-size: 19px;
  }
  .f-s--20px--\@medium {
    font-size: 20px;
  }
  .f-s--22px--\@medium {
    font-size: 22px;
  }
  .f-s--24px--\@medium {
    font-size: 24px;
  }
  .f-s--32px--\@medium {
    font-size: 32px;
  }
  .f-s--36px--\@medium {
    font-size: 36px;
  }
  .f-s--40px--\@medium {
    font-size: 40px;
  }
  .f-s--48px--\@medium {
    font-size: 48px;
  }
  .f-s--64px--\@medium {
    font-size: 64px;
  }
  .f-s--80px--\@medium {
    font-size: 80px;
  }
  .f-s--96px--\@medium {
    font-size: 96px;
  }
}

@media only screen and (min-width: 64em) {
  .f-s--0--\@large {
    font-size: 0;
  }
  .f-s--1--\@large {
    font-size: 1em;
  }
  .f-s--2--\@large {
    font-size: 2em;
  }
  .f-s--3--\@large {
    font-size: 3em;
  }
  .f-s--4--\@large {
    font-size: 4em;
  }
  .f-s--5--\@large {
    font-size: 5em;
  }
  .f-s--6--\@large {
    font-size: 6em;
  }
  .f-s---1--\@large {
    font-size: 4.5em;
  }
  .f-s--12px--\@large {
    font-size: 12px;
  }
  .f-s--14px--\@large {
    font-size: 14px;
  }
  .f-s--16px--\@large {
    font-size: 16px;
  }
  .f-s--18px--\@large {
    font-size: 18px;
  }
  .f-s--19px--\@large {
    font-size: 19px;
  }
  .f-s--20px--\@large {
    font-size: 20px;
  }
  .f-s--22px--\@large {
    font-size: 22px;
  }
  .f-s--24px--\@large {
    font-size: 24px;
  }
  .f-s--32px--\@large {
    font-size: 32px;
  }
  .f-s--36px--\@large {
    font-size: 36px;
  }
  .f-s--40px--\@large {
    font-size: 40px;
  }
  .f-s--48px--\@large {
    font-size: 48px;
  }
  .f-s--64px--\@large {
    font-size: 64px;
  }
  .f-s--80px--\@large {
    font-size: 80px;
  }
  .f-s--96px--\@large {
    font-size: 96px;
  }
}

@media only screen and (min-width: 68.75em) {
  .f-s--0--\@xlarge {
    font-size: 0;
  }
  .f-s--1--\@xlarge {
    font-size: 1em;
  }
  .f-s--2--\@xlarge {
    font-size: 2em;
  }
  .f-s--3--\@xlarge {
    font-size: 3em;
  }
  .f-s--4--\@xlarge {
    font-size: 4em;
  }
  .f-s--5--\@xlarge {
    font-size: 5em;
  }
  .f-s--6--\@xlarge {
    font-size: 6em;
  }
  .f-s---1--\@xlarge {
    font-size: 4.5em;
  }
  .f-s--12px--\@xlarge {
    font-size: 12px;
  }
  .f-s--14px--\@xlarge {
    font-size: 14px;
  }
  .f-s--16px--\@xlarge {
    font-size: 16px;
  }
  .f-s--18px--\@xlarge {
    font-size: 18px;
  }
  .f-s--19px--\@xlarge {
    font-size: 19px;
  }
  .f-s--20px--\@xlarge {
    font-size: 20px;
  }
  .f-s--22px--\@xlarge {
    font-size: 22px;
  }
  .f-s--24px--\@xlarge {
    font-size: 24px;
  }
  .f-s--32px--\@xlarge {
    font-size: 32px;
  }
  .f-s--36px--\@xlarge {
    font-size: 36px;
  }
  .f-s--40px--\@xlarge {
    font-size: 40px;
  }
  .f-s--48px--\@xlarge {
    font-size: 48px;
  }
  .f-s--64px--\@xlarge {
    font-size: 64px;
  }
  .f-s--80px--\@xlarge {
    font-size: 80px;
  }
  .f-s--96px--\@xlarge {
    font-size: 96px;
  }
}

/*
------------------------------------------------------------------

    _font-smoothing.scss

------------------------------------------------------------------*/
.f-sm--antialiased {
  -webkit-font-smoothing: antialiased;
}

.f-sm--subpixel-antialiased {
  -webkit-font-smoothing: subpixel-antialiased;
}

/*
------------------------------------------------------------------

    _font-style.scss

------------------------------------------------------------------*/
.f-st--normal {
  font-style: normal;
}

.f-st--italic {
  font-style: italic;
}

.f-st--oblique {
  font-style: oblique;
}

/*
------------------------------------------------------------------

    _font-weight.scss

------------------------------------------------------------------*/
.f-w--normal {
  font-weight: normal;
}

.f-w--bold {
  font-weight: bold;
}

.f-w--lighter {
  font-weight: lighter;
}

.f-w--bolder {
  font-weight: bolder;
}

.f-w--100 {
  font-weight: 100;
}

.f-w--200 {
  font-weight: 200;
}

.f-w--300 {
  font-weight: 300;
}

.f-w--400 {
  font-weight: 400;
}

.f-w--500 {
  font-weight: 500;
}

.f-w--600 {
  font-weight: 600;
}

.f-w--700 {
  font-weight: 700;
}

.f-w--800 {
  font-weight: 800;
}

.f-w--900 {
  font-weight: 900;
}

/*
------------------------------------------------------------------

    _form.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    _height.scss

------------------------------------------------------------------*/
.h--0 {
  height: 0;
}

.h--1 {
  height: 1em;
}

.h--2 {
  height: 2em;
}

.h--3 {
  height: 3em;
}

.h--4 {
  height: 4em;
}

.h--5 {
  height: 5em;
}

.h--6 {
  height: 6em;
}

.h--4px {
  height: 4px;
}

.h--8px {
  height: 8px;
}

.h--16px {
  height: 16px;
}

.h--32px {
  height: 32px;
}

.h--36px {
  height: 36px;
}

.h--45px {
  height: 45px;
}

.h--48px {
  height: 48px;
}

.h--54px {
  height: 54px;
}

.h--64px {
  height: 64px;
}

.h--81px {
  height: 81px;
}

.h--96px {
  height: 96px;
}

.h--121px {
  height: 121px;
}

.h--128px {
  height: 128px;
}

.h--256px {
  height: 256px;
}

.h--25p {
  height: 25%;
}

.h--50p {
  height: 50%;
}

.h--75p {
  height: 75%;
}

.h--100p {
  height: 100%;
}

.h--100vh {
  height: 100vh;
}

.h--auto {
  height: auto;
}

.h--article {
  height: calc( 100% - 2em);
}

@media only screen and (min-width: 30.0625em) {
  .h--0--\@not-small {
    height: 0;
  }
  .h--1--\@not-small {
    height: 1em;
  }
  .h--2--\@not-small {
    height: 2em;
  }
  .h--3--\@not-small {
    height: 3em;
  }
  .h--4--\@not-small {
    height: 4em;
  }
  .h--5--\@not-small {
    height: 5em;
  }
  .h--6--\@not-small {
    height: 6em;
  }
  .h--4px--\@not-small {
    height: 4px;
  }
  .h--8px--\@not-small {
    height: 8px;
  }
  .h--16px--\@not-small {
    height: 16px;
  }
  .h--32px--\@not-small {
    height: 32px;
  }
  .h--36px--\@not-small {
    height: 36px;
  }
  .h--45px--\@not-small {
    height: 45px;
  }
  .h--48px--\@not-small {
    height: 48px;
  }
  .h--54px--\@not-small {
    height: 54px;
  }
  .h--64px--\@not-small {
    height: 64px;
  }
  .h--81px--\@not-small {
    height: 81px;
  }
  .h--96px--\@not-small {
    height: 96px;
  }
  .h--121px--\@not-small {
    height: 121px;
  }
  .h--128px--\@not-small {
    height: 128px;
  }
  .h--256px--\@not-small {
    height: 256px;
  }
  .h--25p--\@not-small {
    height: 25%;
  }
  .h--50p--\@not-small {
    height: 50%;
  }
  .h--75p--\@not-small {
    height: 75%;
  }
  .h--100p--\@not-small {
    height: 100%;
  }
  .h--100vh--\@not-small {
    height: 100vh;
  }
  .h--auto--\@not-small {
    height: auto;
  }
  .h--article--\@not-small {
    height: calc( 100% - 2em);
  }
}

@media only screen and (min-width: 48em) {
  .h--0--\@medium {
    height: 0;
  }
  .h--1--\@medium {
    height: 1em;
  }
  .h--2--\@medium {
    height: 2em;
  }
  .h--3--\@medium {
    height: 3em;
  }
  .h--4--\@medium {
    height: 4em;
  }
  .h--5--\@medium {
    height: 5em;
  }
  .h--6--\@medium {
    height: 6em;
  }
  .h--4px--\@medium {
    height: 4px;
  }
  .h--8px--\@medium {
    height: 8px;
  }
  .h--16px--\@medium {
    height: 16px;
  }
  .h--32px--\@medium {
    height: 32px;
  }
  .h--36px--\@medium {
    height: 36px;
  }
  .h--45px--\@medium {
    height: 45px;
  }
  .h--48px--\@medium {
    height: 48px;
  }
  .h--54px--\@medium {
    height: 54px;
  }
  .h--64px--\@medium {
    height: 64px;
  }
  .h--81px--\@medium {
    height: 81px;
  }
  .h--96px--\@medium {
    height: 96px;
  }
  .h--121px--\@medium {
    height: 121px;
  }
  .h--128px--\@medium {
    height: 128px;
  }
  .h--256px--\@medium {
    height: 256px;
  }
  .h--25p--\@medium {
    height: 25%;
  }
  .h--50p--\@medium {
    height: 50%;
  }
  .h--75p--\@medium {
    height: 75%;
  }
  .h--100p--\@medium {
    height: 100%;
  }
  .h--100vh--\@medium {
    height: 100vh;
  }
  .h--auto--\@medium {
    height: auto;
  }
  .h--article--\@medium {
    height: calc( 100% - 2em);
  }
}

@media only screen and (min-width: 64em) {
  .h--0--\@large {
    height: 0;
  }
  .h--1--\@large {
    height: 1em;
  }
  .h--2--\@large {
    height: 2em;
  }
  .h--3--\@large {
    height: 3em;
  }
  .h--4--\@large {
    height: 4em;
  }
  .h--5--\@large {
    height: 5em;
  }
  .h--6--\@large {
    height: 6em;
  }
  .h--4px--\@large {
    height: 4px;
  }
  .h--8px--\@large {
    height: 8px;
  }
  .h--16px--\@large {
    height: 16px;
  }
  .h--32px--\@large {
    height: 32px;
  }
  .h--36px--\@large {
    height: 36px;
  }
  .h--45px--\@large {
    height: 45px;
  }
  .h--48px--\@large {
    height: 48px;
  }
  .h--54px--\@large {
    height: 54px;
  }
  .h--64px--\@large {
    height: 64px;
  }
  .h--81px--\@large {
    height: 81px;
  }
  .h--96px--\@large {
    height: 96px;
  }
  .h--121px--\@large {
    height: 121px;
  }
  .h--128px--\@large {
    height: 128px;
  }
  .h--256px--\@large {
    height: 256px;
  }
  .h--25p--\@large {
    height: 25%;
  }
  .h--50p--\@large {
    height: 50%;
  }
  .h--75p--\@large {
    height: 75%;
  }
  .h--100p--\@large {
    height: 100%;
  }
  .h--100vh--\@large {
    height: 100vh;
  }
  .h--auto--\@large {
    height: auto;
  }
  .h--article--\@large {
    height: calc( 100% - 2em);
  }
}

@media only screen and (min-width: 68.75em) {
  .h--0--\@xlarge {
    height: 0;
  }
  .h--1--\@xlarge {
    height: 1em;
  }
  .h--2--\@xlarge {
    height: 2em;
  }
  .h--3--\@xlarge {
    height: 3em;
  }
  .h--4--\@xlarge {
    height: 4em;
  }
  .h--5--\@xlarge {
    height: 5em;
  }
  .h--6--\@xlarge {
    height: 6em;
  }
  .h--4px--\@xlarge {
    height: 4px;
  }
  .h--8px--\@xlarge {
    height: 8px;
  }
  .h--16px--\@xlarge {
    height: 16px;
  }
  .h--32px--\@xlarge {
    height: 32px;
  }
  .h--36px--\@xlarge {
    height: 36px;
  }
  .h--45px--\@xlarge {
    height: 45px;
  }
  .h--48px--\@xlarge {
    height: 48px;
  }
  .h--54px--\@xlarge {
    height: 54px;
  }
  .h--64px--\@xlarge {
    height: 64px;
  }
  .h--81px--\@xlarge {
    height: 81px;
  }
  .h--96px--\@xlarge {
    height: 96px;
  }
  .h--121px--\@xlarge {
    height: 121px;
  }
  .h--128px--\@xlarge {
    height: 128px;
  }
  .h--256px--\@xlarge {
    height: 256px;
  }
  .h--25p--\@xlarge {
    height: 25%;
  }
  .h--50p--\@xlarge {
    height: 50%;
  }
  .h--75p--\@xlarge {
    height: 75%;
  }
  .h--100p--\@xlarge {
    height: 100%;
  }
  .h--100vh--\@xlarge {
    height: 100vh;
  }
  .h--auto--\@xlarge {
    height: auto;
  }
  .h--article--\@xlarge {
    height: calc( 100% - 2em);
  }
}

/*
------------------------------------------------------------------

    _image.scss

------------------------------------------------------------------*/
.im {
  max-width: 100%;
  vertical-align: baseline;
}

/*
------------------------------------------------------------------

    _letter-spacing.scss

------------------------------------------------------------------*/
.l-s--xxlarge {
  letter-spacing: 0.2em;
}

.l-s--xlarge {
  letter-spacing: 0.15em;
}

.l-s--large {
  letter-spacing: 0.1em;
}

.l-s--medium {
  letter-spacing: 2px;
}

.l-s--small {
  letter-spacing: 1px;
}

.l-s--1px {
  letter-spacing: 1px;
}

.l-s--2px {
  letter-spacing: 2px;
}

@media only screen and (min-width: 30.0625em) {
  .l-s--xxlarge--\@not-small {
    letter-spacing: 0.2em;
  }
  .l-s--xlarge--\@not-small {
    letter-spacing: 0.15em;
  }
  .l-s--large--\@not-small {
    letter-spacing: 0.1em;
  }
  .l-s--medium--\@not-small {
    letter-spacing: 2px;
  }
  .l-s--small--\@not-small {
    letter-spacing: 1px;
  }
  .l-s--1px--\@not-small {
    letter-spacing: 1px;
  }
  .l-s--2px--\@not-small {
    letter-spacing: 2px;
  }
}

@media only screen and (min-width: 48em) {
  .l-s--xxlarge--\@medium {
    letter-spacing: 0.2em;
  }
  .l-s--xlarge--\@medium {
    letter-spacing: 0.15em;
  }
  .l-s--large--\@medium {
    letter-spacing: 0.1em;
  }
  .l-s--medium--\@medium {
    letter-spacing: 2px;
  }
  .l-s--small--\@medium {
    letter-spacing: 1px;
  }
  .l-s--1px--\@medium {
    letter-spacing: 1px;
  }
  .l-s--2px--\@medium {
    letter-spacing: 2px;
  }
}

@media only screen and (min-width: 64em) {
  .l-s--xxlarge--\@large {
    letter-spacing: 0.2em;
  }
  .l-s--xlarge--\@large {
    letter-spacing: 0.15em;
  }
  .l-s--large--\@large {
    letter-spacing: 0.1em;
  }
  .l-s--medium--\@large {
    letter-spacing: 2px;
  }
  .l-s--small--\@large {
    letter-spacing: 1px;
  }
  .l-s--1px--\@large {
    letter-spacing: 1px;
  }
  .l-s--2px--\@large {
    letter-spacing: 2px;
  }
}

@media only screen and (min-width: 68.75em) {
  .l-s--xxlarge--\@xlarge {
    letter-spacing: 0.2em;
  }
  .l-s--xlarge--\@xlarge {
    letter-spacing: 0.15em;
  }
  .l-s--large--\@xlarge {
    letter-spacing: 0.1em;
  }
  .l-s--medium--\@xlarge {
    letter-spacing: 2px;
  }
  .l-s--small--\@xlarge {
    letter-spacing: 1px;
  }
  .l-s--1px--\@xlarge {
    letter-spacing: 1px;
  }
  .l-s--2px--\@xlarge {
    letter-spacing: 2px;
  }
}

/*
------------------------------------------------------------------

    _line-height.scss

------------------------------------------------------------------*/
.l-h--0 {
  line-height: 0;
}

.l-h--1 {
  line-height: 1;
}

.l-h--2 {
  line-height: 2;
}

.l-h--3 {
  line-height: 3;
}

.l-h--title {
  line-height: 1.25;
}

.l-h--body {
  line-height: 1.5;
}

@media only screen and (min-width: 30.0625em) {
  .l-h--0--\@not-small {
    line-height: 0;
  }
  .l-h--1--\@not-small {
    line-height: 1;
  }
  .l-h--2--\@not-small {
    line-height: 2;
  }
  .l-h--3--\@not-small {
    line-height: 3;
  }
  .l-h--title--\@not-small {
    line-height: 1.25;
  }
  .l-h--body--\@not-small {
    line-height: 1.5;
  }
}

@media only screen and (min-width: 48em) {
  .l-h--0--\@medium {
    line-height: 0;
  }
  .l-h--1--\@medium {
    line-height: 1;
  }
  .l-h--2--\@medium {
    line-height: 2;
  }
  .l-h--3--\@medium {
    line-height: 3;
  }
  .l-h--title--\@medium {
    line-height: 1.25;
  }
  .l-h--body--\@medium {
    line-height: 1.5;
  }
}

@media only screen and (min-width: 64em) {
  .l-h--0--\@large {
    line-height: 0;
  }
  .l-h--1--\@large {
    line-height: 1;
  }
  .l-h--2--\@large {
    line-height: 2;
  }
  .l-h--3--\@large {
    line-height: 3;
  }
  .l-h--title--\@large {
    line-height: 1.25;
  }
  .l-h--body--\@large {
    line-height: 1.5;
  }
}

@media only screen and (min-width: 68.75em) {
  .l-h--0--\@xlarge {
    line-height: 0;
  }
  .l-h--1--\@xlarge {
    line-height: 1;
  }
  .l-h--2--\@xlarge {
    line-height: 2;
  }
  .l-h--3--\@xlarge {
    line-height: 3;
  }
  .l-h--title--\@xlarge {
    line-height: 1.25;
  }
  .l-h--body--\@xlarge {
    line-height: 1.5;
  }
}

/*
------------------------------------------------------------------

    _link.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    _list.scss

------------------------------------------------------------------*/
.ls--unstyled {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media only screen and (min-width: 30.0625em) {
  .ls--unstyled--\@not-small {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
}

@media only screen and (min-width: 48em) {
  .ls--unstyled--\@medium {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
}

@media only screen and (min-width: 64em) {
  .ls--unstyled--\@large {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
}

@media only screen and (min-width: 68.75em) {
  .ls--unstyled--\@xlarge {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
}

/*
------------------------------------------------------------------

    _margin.scss

------------------------------------------------------------------*/
.m--0 {
  margin: 0;
}

.m--1 {
  margin: 1em;
}

.m--2 {
  margin: 2em;
}

.m--3 {
  margin: 3em;
}

.m--4 {
  margin: 4em;
}

.m--5 {
  margin: 5em;
}

.m--6 {
  margin: 6em;
}

.m--lateral--0 {
  margin-left: 0;
  margin-right: 0;
}

.m--lateral--1 {
  margin-left: 1em;
  margin-right: 1em;
}

.m--lateral--2 {
  margin-left: 2em;
  margin-right: 2em;
}

.m--lateral--3 {
  margin-left: 3em;
  margin-right: 3em;
}

.m--lateral--4 {
  margin-left: 4em;
  margin-right: 4em;
}

.m--lateral--5 {
  margin-left: 5em;
  margin-right: 5em;
}

.m--lateral--6 {
  margin-left: 6em;
  margin-right: 6em;
}

.m--vertical--0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m--vertical--1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.m--vertical--2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.m--vertical--3 {
  margin-top: 3em;
  margin-bottom: 3em;
}

.m--vertical--4 {
  margin-top: 4em;
  margin-bottom: 4em;
}

.m--vertical--5 {
  margin-top: 5em;
  margin-bottom: 5em;
}

.m--vertical--6 {
  margin-top: 6em;
  margin-bottom: 6em;
}

.m--top--0 {
  margin-top: 0;
}

.m--top--1 {
  margin-top: 1em;
}

.m--top--2 {
  margin-top: 2em;
}

.m--top--3 {
  margin-top: 3em;
}

.m--top--4 {
  margin-top: 4em;
}

.m--top--5 {
  margin-top: 5em;
}

.m--top--6 {
  margin-top: 6em;
}

.m--right--0 {
  margin-right: 0;
}

.m--right--1 {
  margin-right: 1em;
}

.m--right--2 {
  margin-right: 2em;
}

.m--right--3 {
  margin-right: 3em;
}

.m--right--4 {
  margin-right: 4em;
}

.m--right--5 {
  margin-right: 5em;
}

.m--right--6 {
  margin-right: 6em;
}

.m--bottom--0 {
  margin-bottom: 0;
}

.m--bottom--1 {
  margin-bottom: 1em;
}

.m--bottom--2 {
  margin-bottom: 2em;
}

.m--bottom--3 {
  margin-bottom: 3em;
}

.m--bottom--4 {
  margin-bottom: 4em;
}

.m--bottom--5 {
  margin-bottom: 5em;
}

.m--bottom--6 {
  margin-bottom: 6em;
}

.m--left--0 {
  margin-left: 0;
}

.m--left--1 {
  margin-left: 1em;
}

.m--left--2 {
  margin-left: 2em;
}

.m--left--3 {
  margin-left: 3em;
}

.m--left--4 {
  margin-left: 4em;
}

.m--left--5 {
  margin-left: 5em;
}

.m--left--6 {
  margin-left: 6em;
}

.m--negative--lateral--1 {
  margin-left: -1em;
  margin-right: -1em;
}

.m--negative--lateral--2 {
  margin-left: -2em;
  margin-right: -2em;
}

.m--negative--lateral--3 {
  margin-left: -3em;
  margin-right: -3em;
}

.m--negative--lateral--4 {
  margin-left: -4em;
  margin-right: -4em;
}

.m--negative--lateral--5 {
  margin-left: -5em;
  margin-right: -5em;
}

.m--negative--lateral--6 {
  margin-left: -6em;
  margin-right: -6em;
}

.m--negative--vertical--1 {
  margin-top: -1em;
  margin-bottom: -1em;
}

.m--negative--vertical--2 {
  margin-top: -2em;
  margin-bottom: -2em;
}

.m--negative--vertical--3 {
  margin-top: -3em;
  margin-bottom: -3em;
}

.m--negative--vertical--4 {
  margin-top: -4em;
  margin-bottom: -4em;
}

.m--negative--vertical--5 {
  margin-top: -5em;
  margin-bottom: -5em;
}

.m--negative--vertical--6 {
  margin-top: -6em;
  margin-bottom: -6em;
}

.m--auto {
  margin: auto;
}

.m--center {
  margin: 0 auto;
}

.m--top--auto {
  margin-top: auto;
}

.m--right--auto {
  margin-right: auto;
}

.m--bottom--auto {
  margin-bottom: auto;
}

.m--left--auto {
  margin-left: auto;
}

@media only screen and (min-width: 30.0625em) {
  .m--0--\@not-small {
    margin: 0;
  }
  .m--1--\@not-small {
    margin: 1em;
  }
  .m--2--\@not-small {
    margin: 2em;
  }
  .m--3--\@not-small {
    margin: 3em;
  }
  .m--4--\@not-small {
    margin: 4em;
  }
  .m--5--\@not-small {
    margin: 5em;
  }
  .m--6--\@not-small {
    margin: 6em;
  }
  .m--lateral--0--\@not-small {
    margin-left: 0;
    margin-right: 0;
  }
  .m--lateral--1--\@not-small {
    margin-left: 1em;
    margin-right: 1em;
  }
  .m--lateral--2--\@not-small {
    margin-left: 2em;
    margin-right: 2em;
  }
  .m--lateral--3--\@not-small {
    margin-left: 3em;
    margin-right: 3em;
  }
  .m--lateral--4--\@not-small {
    margin-left: 4em;
    margin-right: 4em;
  }
  .m--lateral--5--\@not-small {
    margin-left: 5em;
    margin-right: 5em;
  }
  .m--lateral--6--\@not-small {
    margin-left: 6em;
    margin-right: 6em;
  }
  .m--vertical--0--\@not-small {
    margin-top: 0;
    margin-bottom: 0;
  }
  .m--vertical--1--\@not-small {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .m--vertical--2--\@not-small {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .m--vertical--3--\@not-small {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .m--vertical--4--\@not-small {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .m--vertical--5--\@not-small {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .m--vertical--6--\@not-small {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .m--top--0--\@not-small {
    margin-top: 0;
  }
  .m--top--1--\@not-small {
    margin-top: 1em;
  }
  .m--top--2--\@not-small {
    margin-top: 2em;
  }
  .m--top--3--\@not-small {
    margin-top: 3em;
  }
  .m--top--4--\@not-small {
    margin-top: 4em;
  }
  .m--top--5--\@not-small {
    margin-top: 5em;
  }
  .m--top--6--\@not-small {
    margin-top: 6em;
  }
  .m--right--0--\@not-small {
    margin-right: 0;
  }
  .m--right--1--\@not-small {
    margin-right: 1em;
  }
  .m--right--2--\@not-small {
    margin-right: 2em;
  }
  .m--right--3--\@not-small {
    margin-right: 3em;
  }
  .m--right--4--\@not-small {
    margin-right: 4em;
  }
  .m--right--5--\@not-small {
    margin-right: 5em;
  }
  .m--right--6--\@not-small {
    margin-right: 6em;
  }
  .m--bottom--0--\@not-small {
    margin-bottom: 0;
  }
  .m--bottom--1--\@not-small {
    margin-bottom: 1em;
  }
  .m--bottom--2--\@not-small {
    margin-bottom: 2em;
  }
  .m--bottom--3--\@not-small {
    margin-bottom: 3em;
  }
  .m--bottom--4--\@not-small {
    margin-bottom: 4em;
  }
  .m--bottom--5--\@not-small {
    margin-bottom: 5em;
  }
  .m--bottom--6--\@not-small {
    margin-bottom: 6em;
  }
  .m--left--0--\@not-small {
    margin-left: 0;
  }
  .m--left--1--\@not-small {
    margin-left: 1em;
  }
  .m--left--2--\@not-small {
    margin-left: 2em;
  }
  .m--left--3--\@not-small {
    margin-left: 3em;
  }
  .m--left--4--\@not-small {
    margin-left: 4em;
  }
  .m--left--5--\@not-small {
    margin-left: 5em;
  }
  .m--left--6--\@not-small {
    margin-left: 6em;
  }
  .m--negative--lateral--1--\@not-small {
    margin-left: -1em;
    margin-right: -1em;
  }
  .m--negative--lateral--2--\@not-small {
    margin-left: -2em;
    margin-right: -2em;
  }
  .m--negative--lateral--3--\@not-small {
    margin-left: -3em;
    margin-right: -3em;
  }
  .m--negative--lateral--4--\@not-small {
    margin-left: -4em;
    margin-right: -4em;
  }
  .m--negative--lateral--5--\@not-small {
    margin-left: -5em;
    margin-right: -5em;
  }
  .m--negative--lateral--6--\@not-small {
    margin-left: -6em;
    margin-right: -6em;
  }
  .m--negative--vertical--1--\@not-small {
    margin-top: -1em;
    margin-bottom: -1em;
  }
  .m--negative--vertical--2--\@not-small {
    margin-top: -2em;
    margin-bottom: -2em;
  }
  .m--negative--vertical--3--\@not-small {
    margin-top: -3em;
    margin-bottom: -3em;
  }
  .m--negative--vertical--4--\@not-small {
    margin-top: -4em;
    margin-bottom: -4em;
  }
  .m--negative--vertical--5--\@not-small {
    margin-top: -5em;
    margin-bottom: -5em;
  }
  .m--negative--vertical--6--\@not-small {
    margin-top: -6em;
    margin-bottom: -6em;
  }
  .m--auto--\@not-small {
    margin: auto;
  }
  .m--center--\@not-small {
    margin: 0 auto;
  }
  .m--top--auto--\@not-small {
    margin-top: auto;
  }
  .m--right--auto--\@not-small {
    margin-right: auto;
  }
  .m--bottom--auto--\@not-small {
    margin-bottom: auto;
  }
  .m--left--auto--\@not-small {
    margin-left: auto;
  }
}

@media only screen and (min-width: 48em) {
  .m--0--\@medium {
    margin: 0;
  }
  .m--1--\@medium {
    margin: 1em;
  }
  .m--2--\@medium {
    margin: 2em;
  }
  .m--3--\@medium {
    margin: 3em;
  }
  .m--4--\@medium {
    margin: 4em;
  }
  .m--5--\@medium {
    margin: 5em;
  }
  .m--6--\@medium {
    margin: 6em;
  }
  .m--lateral--0--\@medium {
    margin-left: 0;
    margin-right: 0;
  }
  .m--lateral--1--\@medium {
    margin-left: 1em;
    margin-right: 1em;
  }
  .m--lateral--2--\@medium {
    margin-left: 2em;
    margin-right: 2em;
  }
  .m--lateral--3--\@medium {
    margin-left: 3em;
    margin-right: 3em;
  }
  .m--lateral--4--\@medium {
    margin-left: 4em;
    margin-right: 4em;
  }
  .m--lateral--5--\@medium {
    margin-left: 5em;
    margin-right: 5em;
  }
  .m--lateral--6--\@medium {
    margin-left: 6em;
    margin-right: 6em;
  }
  .m--vertical--0--\@medium {
    margin-top: 0;
    margin-bottom: 0;
  }
  .m--vertical--1--\@medium {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .m--vertical--2--\@medium {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .m--vertical--3--\@medium {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .m--vertical--4--\@medium {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .m--vertical--5--\@medium {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .m--vertical--6--\@medium {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .m--top--0--\@medium {
    margin-top: 0;
  }
  .m--top--1--\@medium {
    margin-top: 1em;
  }
  .m--top--2--\@medium {
    margin-top: 2em;
  }
  .m--top--3--\@medium {
    margin-top: 3em;
  }
  .m--top--4--\@medium {
    margin-top: 4em;
  }
  .m--top--5--\@medium {
    margin-top: 5em;
  }
  .m--top--6--\@medium {
    margin-top: 6em;
  }
  .m--right--0--\@medium {
    margin-right: 0;
  }
  .m--right--1--\@medium {
    margin-right: 1em;
  }
  .m--right--2--\@medium {
    margin-right: 2em;
  }
  .m--right--3--\@medium {
    margin-right: 3em;
  }
  .m--right--4--\@medium {
    margin-right: 4em;
  }
  .m--right--5--\@medium {
    margin-right: 5em;
  }
  .m--right--6--\@medium {
    margin-right: 6em;
  }
  .m--bottom--0--\@medium {
    margin-bottom: 0;
  }
  .m--bottom--1--\@medium {
    margin-bottom: 1em;
  }
  .m--bottom--2--\@medium {
    margin-bottom: 2em;
  }
  .m--bottom--3--\@medium {
    margin-bottom: 3em;
  }
  .m--bottom--4--\@medium {
    margin-bottom: 4em;
  }
  .m--bottom--5--\@medium {
    margin-bottom: 5em;
  }
  .m--bottom--6--\@medium {
    margin-bottom: 6em;
  }
  .m--left--0--\@medium {
    margin-left: 0;
  }
  .m--left--1--\@medium {
    margin-left: 1em;
  }
  .m--left--2--\@medium {
    margin-left: 2em;
  }
  .m--left--3--\@medium {
    margin-left: 3em;
  }
  .m--left--4--\@medium {
    margin-left: 4em;
  }
  .m--left--5--\@medium {
    margin-left: 5em;
  }
  .m--left--6--\@medium {
    margin-left: 6em;
  }
  .m--negative--lateral--1--\@medium {
    margin-left: -1em;
    margin-right: -1em;
  }
  .m--negative--lateral--2--\@medium {
    margin-left: -2em;
    margin-right: -2em;
  }
  .m--negative--lateral--3--\@medium {
    margin-left: -3em;
    margin-right: -3em;
  }
  .m--negative--lateral--4--\@medium {
    margin-left: -4em;
    margin-right: -4em;
  }
  .m--negative--lateral--5--\@medium {
    margin-left: -5em;
    margin-right: -5em;
  }
  .m--negative--lateral--6--\@medium {
    margin-left: -6em;
    margin-right: -6em;
  }
  .m--negative--vertical--1--\@medium {
    margin-top: -1em;
    margin-bottom: -1em;
  }
  .m--negative--vertical--2--\@medium {
    margin-top: -2em;
    margin-bottom: -2em;
  }
  .m--negative--vertical--3--\@medium {
    margin-top: -3em;
    margin-bottom: -3em;
  }
  .m--negative--vertical--4--\@medium {
    margin-top: -4em;
    margin-bottom: -4em;
  }
  .m--negative--vertical--5--\@medium {
    margin-top: -5em;
    margin-bottom: -5em;
  }
  .m--negative--vertical--6--\@medium {
    margin-top: -6em;
    margin-bottom: -6em;
  }
  .m--auto--\@medium {
    margin: auto;
  }
  .m--center--\@medium {
    margin: 0 auto;
  }
  .m--top--auto--\@medium {
    margin-top: auto;
  }
  .m--right--auto--\@medium {
    margin-right: auto;
  }
  .m--bottom--auto--\@medium {
    margin-bottom: auto;
  }
  .m--left--auto--\@medium {
    margin-left: auto;
  }
}

@media only screen and (min-width: 64em) {
  .m--0--\@large {
    margin: 0;
  }
  .m--1--\@large {
    margin: 1em;
  }
  .m--2--\@large {
    margin: 2em;
  }
  .m--3--\@large {
    margin: 3em;
  }
  .m--4--\@large {
    margin: 4em;
  }
  .m--5--\@large {
    margin: 5em;
  }
  .m--6--\@large {
    margin: 6em;
  }
  .m--lateral--0--\@large {
    margin-left: 0;
    margin-right: 0;
  }
  .m--lateral--1--\@large {
    margin-left: 1em;
    margin-right: 1em;
  }
  .m--lateral--2--\@large {
    margin-left: 2em;
    margin-right: 2em;
  }
  .m--lateral--3--\@large {
    margin-left: 3em;
    margin-right: 3em;
  }
  .m--lateral--4--\@large {
    margin-left: 4em;
    margin-right: 4em;
  }
  .m--lateral--5--\@large {
    margin-left: 5em;
    margin-right: 5em;
  }
  .m--lateral--6--\@large {
    margin-left: 6em;
    margin-right: 6em;
  }
  .m--vertical--0--\@large {
    margin-top: 0;
    margin-bottom: 0;
  }
  .m--vertical--1--\@large {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .m--vertical--2--\@large {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .m--vertical--3--\@large {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .m--vertical--4--\@large {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .m--vertical--5--\@large {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .m--vertical--6--\@large {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .m--top--0--\@large {
    margin-top: 0;
  }
  .m--top--1--\@large {
    margin-top: 1em;
  }
  .m--top--2--\@large {
    margin-top: 2em;
  }
  .m--top--3--\@large {
    margin-top: 3em;
  }
  .m--top--4--\@large {
    margin-top: 4em;
  }
  .m--top--5--\@large {
    margin-top: 5em;
  }
  .m--top--6--\@large {
    margin-top: 6em;
  }
  .m--right--0--\@large {
    margin-right: 0;
  }
  .m--right--1--\@large {
    margin-right: 1em;
  }
  .m--right--2--\@large {
    margin-right: 2em;
  }
  .m--right--3--\@large {
    margin-right: 3em;
  }
  .m--right--4--\@large {
    margin-right: 4em;
  }
  .m--right--5--\@large {
    margin-right: 5em;
  }
  .m--right--6--\@large {
    margin-right: 6em;
  }
  .m--bottom--0--\@large {
    margin-bottom: 0;
  }
  .m--bottom--1--\@large {
    margin-bottom: 1em;
  }
  .m--bottom--2--\@large {
    margin-bottom: 2em;
  }
  .m--bottom--3--\@large {
    margin-bottom: 3em;
  }
  .m--bottom--4--\@large {
    margin-bottom: 4em;
  }
  .m--bottom--5--\@large {
    margin-bottom: 5em;
  }
  .m--bottom--6--\@large {
    margin-bottom: 6em;
  }
  .m--left--0--\@large {
    margin-left: 0;
  }
  .m--left--1--\@large {
    margin-left: 1em;
  }
  .m--left--2--\@large {
    margin-left: 2em;
  }
  .m--left--3--\@large {
    margin-left: 3em;
  }
  .m--left--4--\@large {
    margin-left: 4em;
  }
  .m--left--5--\@large {
    margin-left: 5em;
  }
  .m--left--6--\@large {
    margin-left: 6em;
  }
  .m--negative--lateral--1--\@large {
    margin-left: -1em;
    margin-right: -1em;
  }
  .m--negative--lateral--2--\@large {
    margin-left: -2em;
    margin-right: -2em;
  }
  .m--negative--lateral--3--\@large {
    margin-left: -3em;
    margin-right: -3em;
  }
  .m--negative--lateral--4--\@large {
    margin-left: -4em;
    margin-right: -4em;
  }
  .m--negative--lateral--5--\@large {
    margin-left: -5em;
    margin-right: -5em;
  }
  .m--negative--lateral--6--\@large {
    margin-left: -6em;
    margin-right: -6em;
  }
  .m--negative--vertical--1--\@large {
    margin-top: -1em;
    margin-bottom: -1em;
  }
  .m--negative--vertical--2--\@large {
    margin-top: -2em;
    margin-bottom: -2em;
  }
  .m--negative--vertical--3--\@large {
    margin-top: -3em;
    margin-bottom: -3em;
  }
  .m--negative--vertical--4--\@large {
    margin-top: -4em;
    margin-bottom: -4em;
  }
  .m--negative--vertical--5--\@large {
    margin-top: -5em;
    margin-bottom: -5em;
  }
  .m--negative--vertical--6--\@large {
    margin-top: -6em;
    margin-bottom: -6em;
  }
  .m--auto--\@large {
    margin: auto;
  }
  .m--center--\@large {
    margin: 0 auto;
  }
  .m--top--auto--\@large {
    margin-top: auto;
  }
  .m--right--auto--\@large {
    margin-right: auto;
  }
  .m--bottom--auto--\@large {
    margin-bottom: auto;
  }
  .m--left--auto--\@large {
    margin-left: auto;
  }
}

@media only screen and (min-width: 68.75em) {
  .m--0--\@xlarge {
    margin: 0;
  }
  .m--1--\@xlarge {
    margin: 1em;
  }
  .m--2--\@xlarge {
    margin: 2em;
  }
  .m--3--\@xlarge {
    margin: 3em;
  }
  .m--4--\@xlarge {
    margin: 4em;
  }
  .m--5--\@xlarge {
    margin: 5em;
  }
  .m--6--\@xlarge {
    margin: 6em;
  }
  .m--lateral--0--\@xlarge {
    margin-left: 0;
    margin-right: 0;
  }
  .m--lateral--1--\@xlarge {
    margin-left: 1em;
    margin-right: 1em;
  }
  .m--lateral--2--\@xlarge {
    margin-left: 2em;
    margin-right: 2em;
  }
  .m--lateral--3--\@xlarge {
    margin-left: 3em;
    margin-right: 3em;
  }
  .m--lateral--4--\@xlarge {
    margin-left: 4em;
    margin-right: 4em;
  }
  .m--lateral--5--\@xlarge {
    margin-left: 5em;
    margin-right: 5em;
  }
  .m--lateral--6--\@xlarge {
    margin-left: 6em;
    margin-right: 6em;
  }
  .m--vertical--0--\@xlarge {
    margin-top: 0;
    margin-bottom: 0;
  }
  .m--vertical--1--\@xlarge {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .m--vertical--2--\@xlarge {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .m--vertical--3--\@xlarge {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .m--vertical--4--\@xlarge {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .m--vertical--5--\@xlarge {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .m--vertical--6--\@xlarge {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .m--top--0--\@xlarge {
    margin-top: 0;
  }
  .m--top--1--\@xlarge {
    margin-top: 1em;
  }
  .m--top--2--\@xlarge {
    margin-top: 2em;
  }
  .m--top--3--\@xlarge {
    margin-top: 3em;
  }
  .m--top--4--\@xlarge {
    margin-top: 4em;
  }
  .m--top--5--\@xlarge {
    margin-top: 5em;
  }
  .m--top--6--\@xlarge {
    margin-top: 6em;
  }
  .m--right--0--\@xlarge {
    margin-right: 0;
  }
  .m--right--1--\@xlarge {
    margin-right: 1em;
  }
  .m--right--2--\@xlarge {
    margin-right: 2em;
  }
  .m--right--3--\@xlarge {
    margin-right: 3em;
  }
  .m--right--4--\@xlarge {
    margin-right: 4em;
  }
  .m--right--5--\@xlarge {
    margin-right: 5em;
  }
  .m--right--6--\@xlarge {
    margin-right: 6em;
  }
  .m--bottom--0--\@xlarge {
    margin-bottom: 0;
  }
  .m--bottom--1--\@xlarge {
    margin-bottom: 1em;
  }
  .m--bottom--2--\@xlarge {
    margin-bottom: 2em;
  }
  .m--bottom--3--\@xlarge {
    margin-bottom: 3em;
  }
  .m--bottom--4--\@xlarge {
    margin-bottom: 4em;
  }
  .m--bottom--5--\@xlarge {
    margin-bottom: 5em;
  }
  .m--bottom--6--\@xlarge {
    margin-bottom: 6em;
  }
  .m--left--0--\@xlarge {
    margin-left: 0;
  }
  .m--left--1--\@xlarge {
    margin-left: 1em;
  }
  .m--left--2--\@xlarge {
    margin-left: 2em;
  }
  .m--left--3--\@xlarge {
    margin-left: 3em;
  }
  .m--left--4--\@xlarge {
    margin-left: 4em;
  }
  .m--left--5--\@xlarge {
    margin-left: 5em;
  }
  .m--left--6--\@xlarge {
    margin-left: 6em;
  }
  .m--negative--lateral--1--\@xlarge {
    margin-left: -1em;
    margin-right: -1em;
  }
  .m--negative--lateral--2--\@xlarge {
    margin-left: -2em;
    margin-right: -2em;
  }
  .m--negative--lateral--3--\@xlarge {
    margin-left: -3em;
    margin-right: -3em;
  }
  .m--negative--lateral--4--\@xlarge {
    margin-left: -4em;
    margin-right: -4em;
  }
  .m--negative--lateral--5--\@xlarge {
    margin-left: -5em;
    margin-right: -5em;
  }
  .m--negative--lateral--6--\@xlarge {
    margin-left: -6em;
    margin-right: -6em;
  }
  .m--negative--vertical--1--\@xlarge {
    margin-top: -1em;
    margin-bottom: -1em;
  }
  .m--negative--vertical--2--\@xlarge {
    margin-top: -2em;
    margin-bottom: -2em;
  }
  .m--negative--vertical--3--\@xlarge {
    margin-top: -3em;
    margin-bottom: -3em;
  }
  .m--negative--vertical--4--\@xlarge {
    margin-top: -4em;
    margin-bottom: -4em;
  }
  .m--negative--vertical--5--\@xlarge {
    margin-top: -5em;
    margin-bottom: -5em;
  }
  .m--negative--vertical--6--\@xlarge {
    margin-top: -6em;
    margin-bottom: -6em;
  }
  .m--auto--\@xlarge {
    margin: auto;
  }
  .m--center--\@xlarge {
    margin: 0 auto;
  }
  .m--top--auto--\@xlarge {
    margin-top: auto;
  }
  .m--right--auto--\@xlarge {
    margin-right: auto;
  }
  .m--bottom--auto--\@xlarge {
    margin-bottom: auto;
  }
  .m--left--auto--\@xlarge {
    margin-left: auto;
  }
}

/*
------------------------------------------------------------------

    _max-width.scss

    scale
    --------------------
    1  - (80/16) * 0em = 160px
    2  - (80/16) * 0em = 320px
    3  - (80/16) * 0em = 480px
    4  - (80/16) * 0em = 768px
    5  - (80/16) * 0em = 1024px
    6  - (80/16) * 0em = 1152px
    7  - (80/16) * 0em = 1536px
    8  - (80/16) * 0em = 1792px

------------------------------------------------------------------*/
.mx-w--xxxlarge {
  max-width: 90em;
}

.mx-w--xxlarge {
  max-width: 81em;
}

.mx-w--xlarge {
  max-width: 76em;
}

.mx-w--large {
  max-width: 64em;
}

.mx-w--medium {
  max-width: 48em;
}

.mx-w--small {
  max-width: 30em;
}

.mx-w--xsmall {
  max-width: 20em;
}

.mx-w--xxsmall {
  max-width: 10em;
}

.mx-w--xxxsmall {
  max-width: 5em;
}

.mx-w--100p {
  max-width: 100%;
}

.mx-w--90p {
  max-width: 90%;
}

.mx-w--80p {
  max-width: 80%;
}

.mx-w--60p {
  max-width: 60%;
}

.mx-w--50p {
  max-width: 50%;
}

.mx-w--25p {
  max-width: 25%;
}

.mx-w--none {
  max-width: none;
}

.mx-w--200px {
  max-width: 200px;
}

@media only screen and (min-width: 30.0625em) {
  .mx-w--xxxlarge--\@not-small {
    max-width: 90em;
  }
  .mx-w--xxlarge--\@not-small {
    max-width: 81em;
  }
  .mx-w--xlarge--\@not-small {
    max-width: 76em;
  }
  .mx-w--large--\@not-small {
    max-width: 64em;
  }
  .mx-w--medium--\@not-small {
    max-width: 48em;
  }
  .mx-w--small--\@not-small {
    max-width: 30em;
  }
  .mx-w--xsmall--\@not-small {
    max-width: 20em;
  }
  .mx-w--xxsmall--\@not-small {
    max-width: 10em;
  }
  .mx-w--xxxsmall--\@not-small {
    max-width: 5em;
  }
  .mx-w--100p--\@not-small {
    max-width: 100%;
  }
  .mx-w--90p--\@not-small {
    max-width: 90%;
  }
  .mx-w--80p--\@not-small {
    max-width: 80%;
  }
  .mx-w--60p--\@not-small {
    max-width: 60%;
  }
  .mx-w--50p--\@not-small {
    max-width: 50%;
  }
  .mx-w--25p--\@not-small {
    max-width: 25%;
  }
  .mx-w--none--\@not-small {
    max-width: none;
  }
  .mx-w--200px--\@not-small {
    max-width: 200px;
  }
}

@media only screen and (min-width: 48em) {
  .mx-w--xxxlarge--\@medium {
    max-width: 90em;
  }
  .mx-w--xxlarge--\@medium {
    max-width: 81em;
  }
  .mx-w--xlarge--\@medium {
    max-width: 76em;
  }
  .mx-w--large--\@medium {
    max-width: 64em;
  }
  .mx-w--medium--\@medium {
    max-width: 48em;
  }
  .mx-w--small--\@medium {
    max-width: 30em;
  }
  .mx-w--xsmall--\@medium {
    max-width: 20em;
  }
  .mx-w--xxsmall--\@medium {
    max-width: 10em;
  }
  .mx-w--xxxsmall--\@medium {
    max-width: 5em;
  }
  .mx-w--100p--\@medium {
    max-width: 100%;
  }
  .mx-w--90p--\@medium {
    max-width: 90%;
  }
  .mx-w--80p--\@medium {
    max-width: 80%;
  }
  .mx-w--60p--\@medium {
    max-width: 60%;
  }
  .mx-w--50p--\@medium {
    max-width: 50%;
  }
  .mx-w--25p--\@medium {
    max-width: 25%;
  }
  .mx-w--none--\@medium {
    max-width: none;
  }
  .mx-w--200px--\@medium {
    max-width: 200px;
  }
}

@media only screen and (min-width: 64em) {
  .mx-w--xxxlarge--\@large {
    max-width: 90em;
  }
  .mx-w--xxlarge--\@large {
    max-width: 81em;
  }
  .mx-w--xlarge--\@large {
    max-width: 76em;
  }
  .mx-w--large--\@large {
    max-width: 64em;
  }
  .mx-w--medium--\@large {
    max-width: 48em;
  }
  .mx-w--small--\@large {
    max-width: 30em;
  }
  .mx-w--xsmall--\@large {
    max-width: 20em;
  }
  .mx-w--xxsmall--\@large {
    max-width: 10em;
  }
  .mx-w--xxxsmall--\@large {
    max-width: 5em;
  }
  .mx-w--100p--\@large {
    max-width: 100%;
  }
  .mx-w--90p--\@large {
    max-width: 90%;
  }
  .mx-w--80p--\@large {
    max-width: 80%;
  }
  .mx-w--60p--\@large {
    max-width: 60%;
  }
  .mx-w--50p--\@large {
    max-width: 50%;
  }
  .mx-w--25p--\@large {
    max-width: 25%;
  }
  .mx-w--none--\@large {
    max-width: none;
  }
  .mx-w--200px--\@large {
    max-width: 200px;
  }
}

@media only screen and (min-width: 68.75em) {
  .mx-w--xxxlarge--\@xlarge {
    max-width: 90em;
  }
  .mx-w--xxlarge--\@xlarge {
    max-width: 81em;
  }
  .mx-w--xlarge--\@xlarge {
    max-width: 76em;
  }
  .mx-w--large--\@xlarge {
    max-width: 64em;
  }
  .mx-w--medium--\@xlarge {
    max-width: 48em;
  }
  .mx-w--small--\@xlarge {
    max-width: 30em;
  }
  .mx-w--xsmall--\@xlarge {
    max-width: 20em;
  }
  .mx-w--xxsmall--\@xlarge {
    max-width: 10em;
  }
  .mx-w--xxxsmall--\@xlarge {
    max-width: 5em;
  }
  .mx-w--100p--\@xlarge {
    max-width: 100%;
  }
  .mx-w--90p--\@xlarge {
    max-width: 90%;
  }
  .mx-w--80p--\@xlarge {
    max-width: 80%;
  }
  .mx-w--60p--\@xlarge {
    max-width: 60%;
  }
  .mx-w--50p--\@xlarge {
    max-width: 50%;
  }
  .mx-w--25p--\@xlarge {
    max-width: 25%;
  }
  .mx-w--none--\@xlarge {
    max-width: none;
  }
  .mx-w--200px--\@xlarge {
    max-width: 200px;
  }
}

/*
------------------------------------------------------------------

    _max-width.scss

    scale
    --------------------
    1  - (80/16) * 0em = 160px
    2  - (80/16) * 0em = 320px
    3  - (80/16) * 0em = 480px
    4  - (80/16) * 0em = 768px
    5  - (80/16) * 0em = 1024px
    6  - (80/16) * 0em = 1152px
    7  - (80/16) * 0em = 1536px
    8  - (80/16) * 0em = 1792px

------------------------------------------------------------------*/
.mx-h--1 {
  max-height: 1em;
}

.mx-h--2 {
  max-height: 2em;
}

.mx-h--3 {
  max-height: 3em;
}

.mx-h--4 {
  max-height: 4em;
}

.mx-h--5 {
  max-height: 5em;
}

.mx-h--6 {
  max-height: 6em;
}

.mx-h--100p {
  max-height: 100%;
}

.mx-h--90p {
  max-height: 90%;
}

.mx-h--80p {
  max-height: 80%;
}

.mx-h--60p {
  max-height: 60%;
}

.mx-h--50p {
  max-height: 50%;
}

.mx-h--25p {
  max-height: 25%;
}

.mx-h--none {
  max-height: none;
}

@media only screen and (min-width: 30.0625em) {
  .mx-h--1--\@not-small {
    max-height: 1em;
  }
  .mx-h--2--\@not-small {
    max-height: 2em;
  }
  .mx-h--3--\@not-small {
    max-height: 3em;
  }
  .mx-h--4--\@not-small {
    max-height: 4em;
  }
  .mx-h--5--\@not-small {
    max-height: 5em;
  }
  .mx-h--6--\@not-small {
    max-height: 6em;
  }
  .mx-h--100p--\@not-small {
    max-height: 100%;
  }
  .mx-h--90p--\@not-small {
    max-height: 90%;
  }
  .mx-h--80p--\@not-small {
    max-height: 80%;
  }
  .mx-h--60p--\@not-small {
    max-height: 60%;
  }
  .mx-h--50p--\@not-small {
    max-height: 50%;
  }
  .mx-h--25p--\@not-small {
    max-height: 25%;
  }
  .mx-h--none--\@not-small {
    max-height: none;
  }
}

@media only screen and (min-width: 48em) {
  .mx-h--1--\@medium {
    max-height: 1em;
  }
  .mx-h--2--\@medium {
    max-height: 2em;
  }
  .mx-h--3--\@medium {
    max-height: 3em;
  }
  .mx-h--4--\@medium {
    max-height: 4em;
  }
  .mx-h--5--\@medium {
    max-height: 5em;
  }
  .mx-h--6--\@medium {
    max-height: 6em;
  }
  .mx-h--100p--\@medium {
    max-height: 100%;
  }
  .mx-h--90p--\@medium {
    max-height: 90%;
  }
  .mx-h--80p--\@medium {
    max-height: 80%;
  }
  .mx-h--60p--\@medium {
    max-height: 60%;
  }
  .mx-h--50p--\@medium {
    max-height: 50%;
  }
  .mx-h--25p--\@medium {
    max-height: 25%;
  }
  .mx-h--none--\@medium {
    max-height: none;
  }
}

@media only screen and (min-width: 64em) {
  .mx-h--1--\@large {
    max-height: 1em;
  }
  .mx-h--2--\@large {
    max-height: 2em;
  }
  .mx-h--3--\@large {
    max-height: 3em;
  }
  .mx-h--4--\@large {
    max-height: 4em;
  }
  .mx-h--5--\@large {
    max-height: 5em;
  }
  .mx-h--6--\@large {
    max-height: 6em;
  }
  .mx-h--100p--\@large {
    max-height: 100%;
  }
  .mx-h--90p--\@large {
    max-height: 90%;
  }
  .mx-h--80p--\@large {
    max-height: 80%;
  }
  .mx-h--60p--\@large {
    max-height: 60%;
  }
  .mx-h--50p--\@large {
    max-height: 50%;
  }
  .mx-h--25p--\@large {
    max-height: 25%;
  }
  .mx-h--none--\@large {
    max-height: none;
  }
}

@media only screen and (min-width: 68.75em) {
  .mx-h--1--\@xlarge {
    max-height: 1em;
  }
  .mx-h--2--\@xlarge {
    max-height: 2em;
  }
  .mx-h--3--\@xlarge {
    max-height: 3em;
  }
  .mx-h--4--\@xlarge {
    max-height: 4em;
  }
  .mx-h--5--\@xlarge {
    max-height: 5em;
  }
  .mx-h--6--\@xlarge {
    max-height: 6em;
  }
  .mx-h--100p--\@xlarge {
    max-height: 100%;
  }
  .mx-h--90p--\@xlarge {
    max-height: 90%;
  }
  .mx-h--80p--\@xlarge {
    max-height: 80%;
  }
  .mx-h--60p--\@xlarge {
    max-height: 60%;
  }
  .mx-h--50p--\@xlarge {
    max-height: 50%;
  }
  .mx-h--25p--\@xlarge {
    max-height: 25%;
  }
  .mx-h--none--\@xlarge {
    max-height: none;
  }
}

/*
------------------------------------------------------------------

    _object-fit.scss

------------------------------------------------------------------*/
.o-f--fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.o-f--cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.o-f--contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.o-f--none {
  -o-object-fit: none;
     object-fit: none;
}

.o-f--scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

@media only screen and (min-width: 30.0625em) {
  .o-f--fill--\@not-small {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .o-f--cover--\@not-small {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .o-f--contain--\@not-small {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .o-f--none--\@not-small {
    -o-object-fit: none;
       object-fit: none;
  }
  .o-f--scale-down--\@not-small {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

@media only screen and (min-width: 48em) {
  .o-f--fill--\@medium {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .o-f--cover--\@medium {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .o-f--contain--\@medium {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .o-f--none--\@medium {
    -o-object-fit: none;
       object-fit: none;
  }
  .o-f--scale-down--\@medium {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

@media only screen and (min-width: 64em) {
  .o-f--fill--\@large {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .o-f--cover--\@large {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .o-f--contain--\@large {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .o-f--none--\@large {
    -o-object-fit: none;
       object-fit: none;
  }
  .o-f--scale-down--\@large {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

@media only screen and (min-width: 68.75em) {
  .o-f--fill--\@xlarge {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .o-f--cover--\@xlarge {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .o-f--contain--\@xlarge {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .o-f--none--\@xlarge {
    -o-object-fit: none;
       object-fit: none;
  }
  .o-f--scale-down--\@xlarge {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

/*
------------------------------------------------------------------

    _opacity.scss

------------------------------------------------------------------*/
.o--0 {
  opacity: 0;
}

.o---25 {
  opacity: 0.25;
}

.o---5 {
  opacity: 0.5;
}

.o---75 {
  opacity: 0.75;
}

.o--1 {
  opacity: 1;
}

@media only screen and (min-width: 30.0625em) {
  .o--0--\@not-small {
    opacity: 0;
  }
  .o---25--\@not-small {
    opacity: 0.25;
  }
  .o---5--\@not-small {
    opacity: 0.5;
  }
  .o---75--\@not-small {
    opacity: 0.75;
  }
  .o--1--\@not-small {
    opacity: 1;
  }
}

@media only screen and (min-width: 48em) {
  .o--0--\@medium {
    opacity: 0;
  }
  .o---25--\@medium {
    opacity: 0.25;
  }
  .o---5--\@medium {
    opacity: 0.5;
  }
  .o---75--\@medium {
    opacity: 0.75;
  }
  .o--1--\@medium {
    opacity: 1;
  }
}

@media only screen and (min-width: 64em) {
  .o--0--\@large {
    opacity: 0;
  }
  .o---25--\@large {
    opacity: 0.25;
  }
  .o---5--\@large {
    opacity: 0.5;
  }
  .o---75--\@large {
    opacity: 0.75;
  }
  .o--1--\@large {
    opacity: 1;
  }
}

@media only screen and (min-width: 68.75em) {
  .o--0--\@xlarge {
    opacity: 0;
  }
  .o---25--\@xlarge {
    opacity: 0.25;
  }
  .o---5--\@xlarge {
    opacity: 0.5;
  }
  .o---75--\@xlarge {
    opacity: 0.75;
  }
  .o--1--\@xlarge {
    opacity: 1;
  }
}

/*
------------------------------------------------------------------

    _outline.scss

------------------------------------------------------------------*/
.ou--none {
  outline: 0;
}

.ou--solid {
  outline: 1px solid;
}

.ou--transparent {
  outline: 1px solid transparent;
}

@media only screen and (min-width: 30.0625em) {
  .ou--none--\@not-small {
    outline: 0;
  }
  .ou--solid--\@not-small {
    outline: 1px solid;
  }
  .ou--transparent--\@not-small {
    outline: 1px solid transparent;
  }
}

@media only screen and (min-width: 48em) {
  .ou--none--\@medium {
    outline: 0;
  }
  .ou--solid--\@medium {
    outline: 1px solid;
  }
  .ou--transparent--\@medium {
    outline: 1px solid transparent;
  }
}

@media only screen and (min-width: 64em) {
  .ou--none--\@large {
    outline: 0;
  }
  .ou--solid--\@large {
    outline: 1px solid;
  }
  .ou--transparent--\@large {
    outline: 1px solid transparent;
  }
}

@media only screen and (min-width: 68.75em) {
  .ou--none--\@xlarge {
    outline: 0;
  }
  .ou--solid--\@xlarge {
    outline: 1px solid;
  }
  .ou--transparent--\@xlarge {
    outline: 1px solid transparent;
  }
}

/*
------------------------------------------------------------------

    _overflow.scss

------------------------------------------------------------------*/
.ov--auto {
  overflow: auto;
}

.ov--hidden {
  overflow: hidden;
}

.ov--scroll {
  overflow: scroll;
}

.ov--y-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ov--x-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 30.0625em) {
  .ov--auto--\@not-small {
    overflow: auto;
  }
  .ov--hidden--\@not-small {
    overflow: hidden;
  }
  .ov--scroll--\@not-small {
    overflow: scroll;
  }
  .ov--y-scroll--\@not-small {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ov--x-scroll--\@not-small {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (min-width: 48em) {
  .ov--auto--\@medium {
    overflow: auto;
  }
  .ov--hidden--\@medium {
    overflow: hidden;
  }
  .ov--scroll--\@medium {
    overflow: scroll;
  }
  .ov--y-scroll--\@medium {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ov--x-scroll--\@medium {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (min-width: 64em) {
  .ov--auto--\@large {
    overflow: auto;
  }
  .ov--hidden--\@large {
    overflow: hidden;
  }
  .ov--scroll--\@large {
    overflow: scroll;
  }
  .ov--y-scroll--\@large {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ov--x-scroll--\@large {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (min-width: 68.75em) {
  .ov--auto--\@xlarge {
    overflow: auto;
  }
  .ov--hidden--\@xlarge {
    overflow: hidden;
  }
  .ov--scroll--\@xlarge {
    overflow: scroll;
  }
  .ov--y-scroll--\@xlarge {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ov--x-scroll--\@xlarge {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/*
------------------------------------------------------------------

    _padding.scss

    scale
    --------------------
    1  - 1em  - 16px
    2  - 2em  - 32px
    3  - 3em  - 48px
    4  - 4em  - 64px
    5  - 5em  - 80px
    6  - 6em  - 96px
    7  - 7em  - 112px
    8  - 8em  - 128px

------------------------------------------------------------------*/
.p---25 {
  padding: 0.25em;
}

.p---5 {
  padding: 0.5em;
}

.p---75 {
  padding: 0.75em;
}

.p--0 {
  padding: 0;
}

.p--1 {
  padding: 1em;
}

.p--2 {
  padding: 2em;
}

.p--3 {
  padding: 3em;
}

.p--4 {
  padding: 4em;
}

.p--5 {
  padding: 5em;
}

.p--6 {
  padding: 6em;
}

.p--lateral--0 {
  padding-left: 0;
  padding-right: 0;
}

.p--lateral--1 {
  padding-left: 1em;
  padding-right: 1em;
}

.p--lateral--2 {
  padding-left: 2em;
  padding-right: 2em;
}

.p--lateral--3 {
  padding-left: 3em;
  padding-right: 3em;
}

.p--lateral--4 {
  padding-left: 4em;
  padding-right: 4em;
}

.p--lateral--5 {
  padding-left: 5em;
  padding-right: 5em;
}

.p--lateral--6 {
  padding-left: 6em;
  padding-right: 6em;
}

.p--vertical--0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p--vertical--1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.p--vertical--2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.p--vertical--3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.p--vertical--4 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.p--vertical--5 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.p--vertical--6 {
  padding-top: 6em;
  padding-bottom: 6em;
}

.p--top--0 {
  padding-top: 0;
}

.p--top--1 {
  padding-top: 1em;
}

.p--top--2 {
  padding-top: 2em;
}

.p--top--3 {
  padding-top: 3em;
}

.p--top--4 {
  padding-top: 4em;
}

.p--top--5 {
  padding-top: 5em;
}

.p--top--6 {
  padding-top: 6em;
}

.p--right--0 {
  padding-right: 0;
}

.p--right--1 {
  padding-right: 1em;
}

.p--right--2 {
  padding-right: 2em;
}

.p--right--3 {
  padding-right: 3em;
}

.p--right--4 {
  padding-right: 4em;
}

.p--right--5 {
  padding-right: 5em;
}

.p--right--6 {
  padding-right: 6em;
}

.p--bottom--0 {
  padding-bottom: 0;
}

.p--bottom--1 {
  padding-bottom: 1em;
}

.p--bottom--2 {
  padding-bottom: 2em;
}

.p--bottom--3 {
  padding-bottom: 3em;
}

.p--bottom--4 {
  padding-bottom: 4em;
}

.p--bottom--5 {
  padding-bottom: 5em;
}

.p--bottom--6 {
  padding-bottom: 6em;
}

.p--left--0 {
  padding-left: 0;
}

.p--left--1 {
  padding-left: 1em;
}

.p--left--2 {
  padding-left: 2em;
}

.p--left--3 {
  padding-left: 3em;
}

.p--left--4 {
  padding-left: 4em;
}

.p--left--5 {
  padding-left: 5em;
}

.p--left--6 {
  padding-left: 6em;
}

.p--lateral---25 {
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.p--lateral---5 {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.p--lateral---75 {
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.p--vertical---25 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.p--vertical---5 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p--vertical---75 {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.p--top---25 {
  padding-top: 0.25em;
}

.p--top---5 {
  padding-top: 0.5em;
}

.p--top---75 {
  padding-top: 0.75em;
}

.p--right---25 {
  padding-right: 0.25em;
}

.p--right---5 {
  padding-right: 0.5em;
}

.p--right---75 {
  padding-right: 0.75em;
}

.p--bottom---25 {
  padding-bottom: 0.25em;
}

.p--bottom---5 {
  padding-bottom: 0.5em;
}

.p--bottom---75 {
  padding-bottom: 0.75em;
}

.p--left---25 {
  padding-left: 0.25em;
}

.p--left---5 {
  padding-left: 0.5em;
}

.p--left---75 {
  padding-left: 0.75em;
}

.p--top--article {
  padding-top: calc(56.25% - 3em);
}

@media only screen and (min-width: 30.0625em) {
  .p---25--\@not-small {
    padding: 0.25em;
  }
  .p---5--\@not-small {
    padding: 0.5em;
  }
  .p---75--\@not-small {
    padding: 0.75em;
  }
  .p--0--\@not-small {
    padding: 0;
  }
  .p--1--\@not-small {
    padding: 1em;
  }
  .p--2--\@not-small {
    padding: 2em;
  }
  .p--3--\@not-small {
    padding: 3em;
  }
  .p--4--\@not-small {
    padding: 4em;
  }
  .p--5--\@not-small {
    padding: 5em;
  }
  .p--6--\@not-small {
    padding: 6em;
  }
  .p--lateral--0--\@not-small {
    padding-left: 0;
    padding-right: 0;
  }
  .p--lateral--1--\@not-small {
    padding-left: 1em;
    padding-right: 1em;
  }
  .p--lateral--2--\@not-small {
    padding-left: 2em;
    padding-right: 2em;
  }
  .p--lateral--3--\@not-small {
    padding-left: 3em;
    padding-right: 3em;
  }
  .p--lateral--4--\@not-small {
    padding-left: 4em;
    padding-right: 4em;
  }
  .p--lateral--5--\@not-small {
    padding-left: 5em;
    padding-right: 5em;
  }
  .p--lateral--6--\@not-small {
    padding-left: 6em;
    padding-right: 6em;
  }
  .p--vertical--0--\@not-small {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p--vertical--1--\@not-small {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .p--vertical--2--\@not-small {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .p--vertical--3--\@not-small {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .p--vertical--4--\@not-small {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .p--vertical--5--\@not-small {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .p--vertical--6--\@not-small {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .p--top--0--\@not-small {
    padding-top: 0;
  }
  .p--top--1--\@not-small {
    padding-top: 1em;
  }
  .p--top--2--\@not-small {
    padding-top: 2em;
  }
  .p--top--3--\@not-small {
    padding-top: 3em;
  }
  .p--top--4--\@not-small {
    padding-top: 4em;
  }
  .p--top--5--\@not-small {
    padding-top: 5em;
  }
  .p--top--6--\@not-small {
    padding-top: 6em;
  }
  .p--right--0--\@not-small {
    padding-right: 0;
  }
  .p--right--1--\@not-small {
    padding-right: 1em;
  }
  .p--right--2--\@not-small {
    padding-right: 2em;
  }
  .p--right--3--\@not-small {
    padding-right: 3em;
  }
  .p--right--4--\@not-small {
    padding-right: 4em;
  }
  .p--right--5--\@not-small {
    padding-right: 5em;
  }
  .p--right--6--\@not-small {
    padding-right: 6em;
  }
  .p--bottom--0--\@not-small {
    padding-bottom: 0;
  }
  .p--bottom--1--\@not-small {
    padding-bottom: 1em;
  }
  .p--bottom--2--\@not-small {
    padding-bottom: 2em;
  }
  .p--bottom--3--\@not-small {
    padding-bottom: 3em;
  }
  .p--bottom--4--\@not-small {
    padding-bottom: 4em;
  }
  .p--bottom--5--\@not-small {
    padding-bottom: 5em;
  }
  .p--bottom--6--\@not-small {
    padding-bottom: 6em;
  }
  .p--left--0--\@not-small {
    padding-left: 0;
  }
  .p--left--1--\@not-small {
    padding-left: 1em;
  }
  .p--left--2--\@not-small {
    padding-left: 2em;
  }
  .p--left--3--\@not-small {
    padding-left: 3em;
  }
  .p--left--4--\@not-small {
    padding-left: 4em;
  }
  .p--left--5--\@not-small {
    padding-left: 5em;
  }
  .p--left--6--\@not-small {
    padding-left: 6em;
  }
  .p--lateral---25--\@not-small {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .p--lateral---5--\@not-small {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .p--lateral---75--\@not-small {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .p--vertical---25--\@not-small {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .p--vertical---5--\@not-small {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .p--vertical---75--\@not-small {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .p--top---25--\@not-small {
    padding-top: 0.25em;
  }
  .p--top---5--\@not-small {
    padding-top: 0.5em;
  }
  .p--top---75--\@not-small {
    padding-top: 0.75em;
  }
  .p--right---25--\@not-small {
    padding-right: 0.25em;
  }
  .p--right---5--\@not-small {
    padding-right: 0.5em;
  }
  .p--right---75--\@not-small {
    padding-right: 0.75em;
  }
  .p--bottom---25--\@not-small {
    padding-bottom: 0.25em;
  }
  .p--bottom---5--\@not-small {
    padding-bottom: 0.5em;
  }
  .p--bottom---75--\@not-small {
    padding-bottom: 0.75em;
  }
  .p--left---25--\@not-small {
    padding-left: 0.25em;
  }
  .p--left---5--\@not-small {
    padding-left: 0.5em;
  }
  .p--left---75--\@not-small {
    padding-left: 0.75em;
  }
  .p--top--article--\@not-small {
    padding-top: calc(56.25% - 3em);
  }
}

@media only screen and (min-width: 48em) {
  .p---25--\@medium {
    padding: 0.25em;
  }
  .p---5--\@medium {
    padding: 0.5em;
  }
  .p---75--\@medium {
    padding: 0.75em;
  }
  .p--0--\@medium {
    padding: 0;
  }
  .p--1--\@medium {
    padding: 1em;
  }
  .p--2--\@medium {
    padding: 2em;
  }
  .p--3--\@medium {
    padding: 3em;
  }
  .p--4--\@medium {
    padding: 4em;
  }
  .p--5--\@medium {
    padding: 5em;
  }
  .p--6--\@medium {
    padding: 6em;
  }
  .p--lateral--0--\@medium {
    padding-left: 0;
    padding-right: 0;
  }
  .p--lateral--1--\@medium {
    padding-left: 1em;
    padding-right: 1em;
  }
  .p--lateral--2--\@medium {
    padding-left: 2em;
    padding-right: 2em;
  }
  .p--lateral--3--\@medium {
    padding-left: 3em;
    padding-right: 3em;
  }
  .p--lateral--4--\@medium {
    padding-left: 4em;
    padding-right: 4em;
  }
  .p--lateral--5--\@medium {
    padding-left: 5em;
    padding-right: 5em;
  }
  .p--lateral--6--\@medium {
    padding-left: 6em;
    padding-right: 6em;
  }
  .p--vertical--0--\@medium {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p--vertical--1--\@medium {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .p--vertical--2--\@medium {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .p--vertical--3--\@medium {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .p--vertical--4--\@medium {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .p--vertical--5--\@medium {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .p--vertical--6--\@medium {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .p--top--0--\@medium {
    padding-top: 0;
  }
  .p--top--1--\@medium {
    padding-top: 1em;
  }
  .p--top--2--\@medium {
    padding-top: 2em;
  }
  .p--top--3--\@medium {
    padding-top: 3em;
  }
  .p--top--4--\@medium {
    padding-top: 4em;
  }
  .p--top--5--\@medium {
    padding-top: 5em;
  }
  .p--top--6--\@medium {
    padding-top: 6em;
  }
  .p--right--0--\@medium {
    padding-right: 0;
  }
  .p--right--1--\@medium {
    padding-right: 1em;
  }
  .p--right--2--\@medium {
    padding-right: 2em;
  }
  .p--right--3--\@medium {
    padding-right: 3em;
  }
  .p--right--4--\@medium {
    padding-right: 4em;
  }
  .p--right--5--\@medium {
    padding-right: 5em;
  }
  .p--right--6--\@medium {
    padding-right: 6em;
  }
  .p--bottom--0--\@medium {
    padding-bottom: 0;
  }
  .p--bottom--1--\@medium {
    padding-bottom: 1em;
  }
  .p--bottom--2--\@medium {
    padding-bottom: 2em;
  }
  .p--bottom--3--\@medium {
    padding-bottom: 3em;
  }
  .p--bottom--4--\@medium {
    padding-bottom: 4em;
  }
  .p--bottom--5--\@medium {
    padding-bottom: 5em;
  }
  .p--bottom--6--\@medium {
    padding-bottom: 6em;
  }
  .p--left--0--\@medium {
    padding-left: 0;
  }
  .p--left--1--\@medium {
    padding-left: 1em;
  }
  .p--left--2--\@medium {
    padding-left: 2em;
  }
  .p--left--3--\@medium {
    padding-left: 3em;
  }
  .p--left--4--\@medium {
    padding-left: 4em;
  }
  .p--left--5--\@medium {
    padding-left: 5em;
  }
  .p--left--6--\@medium {
    padding-left: 6em;
  }
  .p--lateral---25--\@medium {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .p--lateral---5--\@medium {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .p--lateral---75--\@medium {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .p--vertical---25--\@medium {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .p--vertical---5--\@medium {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .p--vertical---75--\@medium {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .p--top---25--\@medium {
    padding-top: 0.25em;
  }
  .p--top---5--\@medium {
    padding-top: 0.5em;
  }
  .p--top---75--\@medium {
    padding-top: 0.75em;
  }
  .p--right---25--\@medium {
    padding-right: 0.25em;
  }
  .p--right---5--\@medium {
    padding-right: 0.5em;
  }
  .p--right---75--\@medium {
    padding-right: 0.75em;
  }
  .p--bottom---25--\@medium {
    padding-bottom: 0.25em;
  }
  .p--bottom---5--\@medium {
    padding-bottom: 0.5em;
  }
  .p--bottom---75--\@medium {
    padding-bottom: 0.75em;
  }
  .p--left---25--\@medium {
    padding-left: 0.25em;
  }
  .p--left---5--\@medium {
    padding-left: 0.5em;
  }
  .p--left---75--\@medium {
    padding-left: 0.75em;
  }
  .p--top--article--\@medium {
    padding-top: calc(56.25% - 3em);
  }
}

@media only screen and (min-width: 64em) {
  .p---25--\@large {
    padding: 0.25em;
  }
  .p---5--\@large {
    padding: 0.5em;
  }
  .p---75--\@large {
    padding: 0.75em;
  }
  .p--0--\@large {
    padding: 0;
  }
  .p--1--\@large {
    padding: 1em;
  }
  .p--2--\@large {
    padding: 2em;
  }
  .p--3--\@large {
    padding: 3em;
  }
  .p--4--\@large {
    padding: 4em;
  }
  .p--5--\@large {
    padding: 5em;
  }
  .p--6--\@large {
    padding: 6em;
  }
  .p--lateral--0--\@large {
    padding-left: 0;
    padding-right: 0;
  }
  .p--lateral--1--\@large {
    padding-left: 1em;
    padding-right: 1em;
  }
  .p--lateral--2--\@large {
    padding-left: 2em;
    padding-right: 2em;
  }
  .p--lateral--3--\@large {
    padding-left: 3em;
    padding-right: 3em;
  }
  .p--lateral--4--\@large {
    padding-left: 4em;
    padding-right: 4em;
  }
  .p--lateral--5--\@large {
    padding-left: 5em;
    padding-right: 5em;
  }
  .p--lateral--6--\@large {
    padding-left: 6em;
    padding-right: 6em;
  }
  .p--vertical--0--\@large {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p--vertical--1--\@large {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .p--vertical--2--\@large {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .p--vertical--3--\@large {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .p--vertical--4--\@large {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .p--vertical--5--\@large {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .p--vertical--6--\@large {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .p--top--0--\@large {
    padding-top: 0;
  }
  .p--top--1--\@large {
    padding-top: 1em;
  }
  .p--top--2--\@large {
    padding-top: 2em;
  }
  .p--top--3--\@large {
    padding-top: 3em;
  }
  .p--top--4--\@large {
    padding-top: 4em;
  }
  .p--top--5--\@large {
    padding-top: 5em;
  }
  .p--top--6--\@large {
    padding-top: 6em;
  }
  .p--right--0--\@large {
    padding-right: 0;
  }
  .p--right--1--\@large {
    padding-right: 1em;
  }
  .p--right--2--\@large {
    padding-right: 2em;
  }
  .p--right--3--\@large {
    padding-right: 3em;
  }
  .p--right--4--\@large {
    padding-right: 4em;
  }
  .p--right--5--\@large {
    padding-right: 5em;
  }
  .p--right--6--\@large {
    padding-right: 6em;
  }
  .p--bottom--0--\@large {
    padding-bottom: 0;
  }
  .p--bottom--1--\@large {
    padding-bottom: 1em;
  }
  .p--bottom--2--\@large {
    padding-bottom: 2em;
  }
  .p--bottom--3--\@large {
    padding-bottom: 3em;
  }
  .p--bottom--4--\@large {
    padding-bottom: 4em;
  }
  .p--bottom--5--\@large {
    padding-bottom: 5em;
  }
  .p--bottom--6--\@large {
    padding-bottom: 6em;
  }
  .p--left--0--\@large {
    padding-left: 0;
  }
  .p--left--1--\@large {
    padding-left: 1em;
  }
  .p--left--2--\@large {
    padding-left: 2em;
  }
  .p--left--3--\@large {
    padding-left: 3em;
  }
  .p--left--4--\@large {
    padding-left: 4em;
  }
  .p--left--5--\@large {
    padding-left: 5em;
  }
  .p--left--6--\@large {
    padding-left: 6em;
  }
  .p--lateral---25--\@large {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .p--lateral---5--\@large {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .p--lateral---75--\@large {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .p--vertical---25--\@large {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .p--vertical---5--\@large {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .p--vertical---75--\@large {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .p--top---25--\@large {
    padding-top: 0.25em;
  }
  .p--top---5--\@large {
    padding-top: 0.5em;
  }
  .p--top---75--\@large {
    padding-top: 0.75em;
  }
  .p--right---25--\@large {
    padding-right: 0.25em;
  }
  .p--right---5--\@large {
    padding-right: 0.5em;
  }
  .p--right---75--\@large {
    padding-right: 0.75em;
  }
  .p--bottom---25--\@large {
    padding-bottom: 0.25em;
  }
  .p--bottom---5--\@large {
    padding-bottom: 0.5em;
  }
  .p--bottom---75--\@large {
    padding-bottom: 0.75em;
  }
  .p--left---25--\@large {
    padding-left: 0.25em;
  }
  .p--left---5--\@large {
    padding-left: 0.5em;
  }
  .p--left---75--\@large {
    padding-left: 0.75em;
  }
  .p--top--article--\@large {
    padding-top: calc(56.25% - 3em);
  }
}

@media only screen and (min-width: 68.75em) {
  .p---25--\@xlarge {
    padding: 0.25em;
  }
  .p---5--\@xlarge {
    padding: 0.5em;
  }
  .p---75--\@xlarge {
    padding: 0.75em;
  }
  .p--0--\@xlarge {
    padding: 0;
  }
  .p--1--\@xlarge {
    padding: 1em;
  }
  .p--2--\@xlarge {
    padding: 2em;
  }
  .p--3--\@xlarge {
    padding: 3em;
  }
  .p--4--\@xlarge {
    padding: 4em;
  }
  .p--5--\@xlarge {
    padding: 5em;
  }
  .p--6--\@xlarge {
    padding: 6em;
  }
  .p--lateral--0--\@xlarge {
    padding-left: 0;
    padding-right: 0;
  }
  .p--lateral--1--\@xlarge {
    padding-left: 1em;
    padding-right: 1em;
  }
  .p--lateral--2--\@xlarge {
    padding-left: 2em;
    padding-right: 2em;
  }
  .p--lateral--3--\@xlarge {
    padding-left: 3em;
    padding-right: 3em;
  }
  .p--lateral--4--\@xlarge {
    padding-left: 4em;
    padding-right: 4em;
  }
  .p--lateral--5--\@xlarge {
    padding-left: 5em;
    padding-right: 5em;
  }
  .p--lateral--6--\@xlarge {
    padding-left: 6em;
    padding-right: 6em;
  }
  .p--vertical--0--\@xlarge {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p--vertical--1--\@xlarge {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .p--vertical--2--\@xlarge {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .p--vertical--3--\@xlarge {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .p--vertical--4--\@xlarge {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .p--vertical--5--\@xlarge {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .p--vertical--6--\@xlarge {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  .p--top--0--\@xlarge {
    padding-top: 0;
  }
  .p--top--1--\@xlarge {
    padding-top: 1em;
  }
  .p--top--2--\@xlarge {
    padding-top: 2em;
  }
  .p--top--3--\@xlarge {
    padding-top: 3em;
  }
  .p--top--4--\@xlarge {
    padding-top: 4em;
  }
  .p--top--5--\@xlarge {
    padding-top: 5em;
  }
  .p--top--6--\@xlarge {
    padding-top: 6em;
  }
  .p--right--0--\@xlarge {
    padding-right: 0;
  }
  .p--right--1--\@xlarge {
    padding-right: 1em;
  }
  .p--right--2--\@xlarge {
    padding-right: 2em;
  }
  .p--right--3--\@xlarge {
    padding-right: 3em;
  }
  .p--right--4--\@xlarge {
    padding-right: 4em;
  }
  .p--right--5--\@xlarge {
    padding-right: 5em;
  }
  .p--right--6--\@xlarge {
    padding-right: 6em;
  }
  .p--bottom--0--\@xlarge {
    padding-bottom: 0;
  }
  .p--bottom--1--\@xlarge {
    padding-bottom: 1em;
  }
  .p--bottom--2--\@xlarge {
    padding-bottom: 2em;
  }
  .p--bottom--3--\@xlarge {
    padding-bottom: 3em;
  }
  .p--bottom--4--\@xlarge {
    padding-bottom: 4em;
  }
  .p--bottom--5--\@xlarge {
    padding-bottom: 5em;
  }
  .p--bottom--6--\@xlarge {
    padding-bottom: 6em;
  }
  .p--left--0--\@xlarge {
    padding-left: 0;
  }
  .p--left--1--\@xlarge {
    padding-left: 1em;
  }
  .p--left--2--\@xlarge {
    padding-left: 2em;
  }
  .p--left--3--\@xlarge {
    padding-left: 3em;
  }
  .p--left--4--\@xlarge {
    padding-left: 4em;
  }
  .p--left--5--\@xlarge {
    padding-left: 5em;
  }
  .p--left--6--\@xlarge {
    padding-left: 6em;
  }
  .p--lateral---25--\@xlarge {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .p--lateral---5--\@xlarge {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .p--lateral---75--\@xlarge {
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .p--vertical---25--\@xlarge {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .p--vertical---5--\@xlarge {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .p--vertical---75--\@xlarge {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .p--top---25--\@xlarge {
    padding-top: 0.25em;
  }
  .p--top---5--\@xlarge {
    padding-top: 0.5em;
  }
  .p--top---75--\@xlarge {
    padding-top: 0.75em;
  }
  .p--right---25--\@xlarge {
    padding-right: 0.25em;
  }
  .p--right---5--\@xlarge {
    padding-right: 0.5em;
  }
  .p--right---75--\@xlarge {
    padding-right: 0.75em;
  }
  .p--bottom---25--\@xlarge {
    padding-bottom: 0.25em;
  }
  .p--bottom---5--\@xlarge {
    padding-bottom: 0.5em;
  }
  .p--bottom---75--\@xlarge {
    padding-bottom: 0.75em;
  }
  .p--left---25--\@xlarge {
    padding-left: 0.25em;
  }
  .p--left---5--\@xlarge {
    padding-left: 0.5em;
  }
  .p--left---75--\@xlarge {
    padding-left: 0.75em;
  }
  .p--top--article--\@xlarge {
    padding-top: calc(56.25% - 3em);
  }
}

/*
------------------------------------------------------------------

    _pointer-events.scss

------------------------------------------------------------------*/
.p-e--all {
  pointer-events: all;
}

.p-e--none {
  pointer-events: none;
}

@media only screen and (min-width: 30.0625em) {
  .p-e--all--\@not-small {
    pointer-events: all;
  }
  .p-e--none--\@not-small {
    pointer-events: none;
  }
}

@media only screen and (min-width: 48em) {
  .p-e--all--\@medium {
    pointer-events: all;
  }
  .p-e--none--\@medium {
    pointer-events: none;
  }
}

@media only screen and (min-width: 64em) {
  .p-e--all--\@large {
    pointer-events: all;
  }
  .p-e--none--\@large {
    pointer-events: none;
  }
}

@media only screen and (min-width: 68.75em) {
  .p-e--all--\@xlarge {
    pointer-events: all;
  }
  .p-e--none--\@xlarge {
    pointer-events: none;
  }
}

/*
------------------------------------------------------------------

    _position.scss

------------------------------------------------------------------*/
.po--relative {
  position: relative;
}

.po--absolute {
  position: absolute;
}

.po--fixed {
  position: fixed;
}

.po--sticky {
  position: -webkit-sticky;
  position: sticky;
}

.po--cover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.po--top--0 {
  top: 0;
}

.po--top--1 {
  top: 1em;
}

.po--top--2 {
  top: 2em;
}

.po--top--3 {
  top: 3em;
}

.po--top--4 {
  top: 4em;
}

.po--top--5 {
  top: 5em;
}

.po--top--6 {
  top: 6em;
}

.po--top---1 {
  top: -1em;
}

.po--top---2 {
  top: -2em;
}

.po--top---3 {
  top: -3em;
}

.po--right--0 {
  right: 0;
}

.po--right--1 {
  right: 1em;
}

.po--right--2 {
  right: 2em;
}

.po--right--3 {
  right: 3em;
}

.po--right--4 {
  right: 4em;
}

.po--right--5 {
  right: 5em;
}

.po--right--6 {
  right: 6em;
}

.po--bottom--0 {
  bottom: 0;
}

.po--bottom--1 {
  bottom: 1em;
}

.po--bottom--2 {
  bottom: 2em;
}

.po--bottom--3 {
  bottom: 3em;
}

.po--bottom--4 {
  bottom: 4em;
}

.po--bottom--5 {
  bottom: 5em;
}

.po--bottom--6 {
  bottom: 6em;
}

.po--left--0 {
  left: 0;
}

.po--left--1 {
  left: 1em;
}

.po--left--2 {
  left: 2em;
}

.po--left--3 {
  left: 3em;
}

.po--left--4 {
  left: 4em;
}

.po--left--5 {
  left: 5em;
}

.po--left--6 {
  left: 6em;
}

@media only screen and (min-width: 30.0625em) {
  .po--relative--\@not-small {
    position: relative;
  }
  .po--absolute--\@not-small {
    position: absolute;
  }
  .po--fixed--\@not-small {
    position: fixed;
  }
  .po--sticky--\@not-small {
    position: -webkit-sticky;
    position: sticky;
  }
  .po--cover--\@not-small {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .po--top--0--\@not-small {
    top: 0;
  }
  .po--top--1--\@not-small {
    top: 1em;
  }
  .po--top--2--\@not-small {
    top: 2em;
  }
  .po--top--3--\@not-small {
    top: 3em;
  }
  .po--top--4--\@not-small {
    top: 4em;
  }
  .po--top--5--\@not-small {
    top: 5em;
  }
  .po--top--6--\@not-small {
    top: 6em;
  }
  .po--top---1--\@not-small {
    top: -1em;
  }
  .po--top---2--\@not-small {
    top: -2em;
  }
  .po--top---3--\@not-small {
    top: -3em;
  }
  .po--right--0--\@not-small {
    right: 0;
  }
  .po--right--1--\@not-small {
    right: 1em;
  }
  .po--right--2--\@not-small {
    right: 2em;
  }
  .po--right--3--\@not-small {
    right: 3em;
  }
  .po--right--4--\@not-small {
    right: 4em;
  }
  .po--right--5--\@not-small {
    right: 5em;
  }
  .po--right--6--\@not-small {
    right: 6em;
  }
  .po--bottom--0--\@not-small {
    bottom: 0;
  }
  .po--bottom--1--\@not-small {
    bottom: 1em;
  }
  .po--bottom--2--\@not-small {
    bottom: 2em;
  }
  .po--bottom--3--\@not-small {
    bottom: 3em;
  }
  .po--bottom--4--\@not-small {
    bottom: 4em;
  }
  .po--bottom--5--\@not-small {
    bottom: 5em;
  }
  .po--bottom--6--\@not-small {
    bottom: 6em;
  }
  .po--left--0--\@not-small {
    left: 0;
  }
  .po--left--1--\@not-small {
    left: 1em;
  }
  .po--left--2--\@not-small {
    left: 2em;
  }
  .po--left--3--\@not-small {
    left: 3em;
  }
  .po--left--4--\@not-small {
    left: 4em;
  }
  .po--left--5--\@not-small {
    left: 5em;
  }
  .po--left--6--\@not-small {
    left: 6em;
  }
}

@media only screen and (min-width: 48em) {
  .po--relative--\@medium {
    position: relative;
  }
  .po--absolute--\@medium {
    position: absolute;
  }
  .po--fixed--\@medium {
    position: fixed;
  }
  .po--sticky--\@medium {
    position: -webkit-sticky;
    position: sticky;
  }
  .po--cover--\@medium {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .po--top--0--\@medium {
    top: 0;
  }
  .po--top--1--\@medium {
    top: 1em;
  }
  .po--top--2--\@medium {
    top: 2em;
  }
  .po--top--3--\@medium {
    top: 3em;
  }
  .po--top--4--\@medium {
    top: 4em;
  }
  .po--top--5--\@medium {
    top: 5em;
  }
  .po--top--6--\@medium {
    top: 6em;
  }
  .po--top---1--\@medium {
    top: -1em;
  }
  .po--top---2--\@medium {
    top: -2em;
  }
  .po--top---3--\@medium {
    top: -3em;
  }
  .po--right--0--\@medium {
    right: 0;
  }
  .po--right--1--\@medium {
    right: 1em;
  }
  .po--right--2--\@medium {
    right: 2em;
  }
  .po--right--3--\@medium {
    right: 3em;
  }
  .po--right--4--\@medium {
    right: 4em;
  }
  .po--right--5--\@medium {
    right: 5em;
  }
  .po--right--6--\@medium {
    right: 6em;
  }
  .po--bottom--0--\@medium {
    bottom: 0;
  }
  .po--bottom--1--\@medium {
    bottom: 1em;
  }
  .po--bottom--2--\@medium {
    bottom: 2em;
  }
  .po--bottom--3--\@medium {
    bottom: 3em;
  }
  .po--bottom--4--\@medium {
    bottom: 4em;
  }
  .po--bottom--5--\@medium {
    bottom: 5em;
  }
  .po--bottom--6--\@medium {
    bottom: 6em;
  }
  .po--left--0--\@medium {
    left: 0;
  }
  .po--left--1--\@medium {
    left: 1em;
  }
  .po--left--2--\@medium {
    left: 2em;
  }
  .po--left--3--\@medium {
    left: 3em;
  }
  .po--left--4--\@medium {
    left: 4em;
  }
  .po--left--5--\@medium {
    left: 5em;
  }
  .po--left--6--\@medium {
    left: 6em;
  }
}

@media only screen and (min-width: 64em) {
  .po--relative--\@large {
    position: relative;
  }
  .po--absolute--\@large {
    position: absolute;
  }
  .po--fixed--\@large {
    position: fixed;
  }
  .po--sticky--\@large {
    position: -webkit-sticky;
    position: sticky;
  }
  .po--cover--\@large {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .po--top--0--\@large {
    top: 0;
  }
  .po--top--1--\@large {
    top: 1em;
  }
  .po--top--2--\@large {
    top: 2em;
  }
  .po--top--3--\@large {
    top: 3em;
  }
  .po--top--4--\@large {
    top: 4em;
  }
  .po--top--5--\@large {
    top: 5em;
  }
  .po--top--6--\@large {
    top: 6em;
  }
  .po--top---1--\@large {
    top: -1em;
  }
  .po--top---2--\@large {
    top: -2em;
  }
  .po--top---3--\@large {
    top: -3em;
  }
  .po--right--0--\@large {
    right: 0;
  }
  .po--right--1--\@large {
    right: 1em;
  }
  .po--right--2--\@large {
    right: 2em;
  }
  .po--right--3--\@large {
    right: 3em;
  }
  .po--right--4--\@large {
    right: 4em;
  }
  .po--right--5--\@large {
    right: 5em;
  }
  .po--right--6--\@large {
    right: 6em;
  }
  .po--bottom--0--\@large {
    bottom: 0;
  }
  .po--bottom--1--\@large {
    bottom: 1em;
  }
  .po--bottom--2--\@large {
    bottom: 2em;
  }
  .po--bottom--3--\@large {
    bottom: 3em;
  }
  .po--bottom--4--\@large {
    bottom: 4em;
  }
  .po--bottom--5--\@large {
    bottom: 5em;
  }
  .po--bottom--6--\@large {
    bottom: 6em;
  }
  .po--left--0--\@large {
    left: 0;
  }
  .po--left--1--\@large {
    left: 1em;
  }
  .po--left--2--\@large {
    left: 2em;
  }
  .po--left--3--\@large {
    left: 3em;
  }
  .po--left--4--\@large {
    left: 4em;
  }
  .po--left--5--\@large {
    left: 5em;
  }
  .po--left--6--\@large {
    left: 6em;
  }
}

@media only screen and (min-width: 68.75em) {
  .po--relative--\@xlarge {
    position: relative;
  }
  .po--absolute--\@xlarge {
    position: absolute;
  }
  .po--fixed--\@xlarge {
    position: fixed;
  }
  .po--sticky--\@xlarge {
    position: -webkit-sticky;
    position: sticky;
  }
  .po--cover--\@xlarge {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .po--top--0--\@xlarge {
    top: 0;
  }
  .po--top--1--\@xlarge {
    top: 1em;
  }
  .po--top--2--\@xlarge {
    top: 2em;
  }
  .po--top--3--\@xlarge {
    top: 3em;
  }
  .po--top--4--\@xlarge {
    top: 4em;
  }
  .po--top--5--\@xlarge {
    top: 5em;
  }
  .po--top--6--\@xlarge {
    top: 6em;
  }
  .po--top---1--\@xlarge {
    top: -1em;
  }
  .po--top---2--\@xlarge {
    top: -2em;
  }
  .po--top---3--\@xlarge {
    top: -3em;
  }
  .po--right--0--\@xlarge {
    right: 0;
  }
  .po--right--1--\@xlarge {
    right: 1em;
  }
  .po--right--2--\@xlarge {
    right: 2em;
  }
  .po--right--3--\@xlarge {
    right: 3em;
  }
  .po--right--4--\@xlarge {
    right: 4em;
  }
  .po--right--5--\@xlarge {
    right: 5em;
  }
  .po--right--6--\@xlarge {
    right: 6em;
  }
  .po--bottom--0--\@xlarge {
    bottom: 0;
  }
  .po--bottom--1--\@xlarge {
    bottom: 1em;
  }
  .po--bottom--2--\@xlarge {
    bottom: 2em;
  }
  .po--bottom--3--\@xlarge {
    bottom: 3em;
  }
  .po--bottom--4--\@xlarge {
    bottom: 4em;
  }
  .po--bottom--5--\@xlarge {
    bottom: 5em;
  }
  .po--bottom--6--\@xlarge {
    bottom: 6em;
  }
  .po--left--0--\@xlarge {
    left: 0;
  }
  .po--left--1--\@xlarge {
    left: 1em;
  }
  .po--left--2--\@xlarge {
    left: 2em;
  }
  .po--left--3--\@xlarge {
    left: 3em;
  }
  .po--left--4--\@xlarge {
    left: 4em;
  }
  .po--left--5--\@xlarge {
    left: 5em;
  }
  .po--left--6--\@xlarge {
    left: 6em;
  }
}

/*
------------------------------------------------------------------

    _table.scss

------------------------------------------------------------------*/
.t--collapse {
  border-collapse: collapse;
  border-spacing: 0;
}

.t--fixed {
  table-layout: fixed;
}

@media only screen and (min-width: 30.0625em) {
  .t--collapse--\@not-small {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .t--fixed--\@not-small {
    table-layout: fixed;
  }
}

@media only screen and (min-width: 48em) {
  .t--collapse--\@medium {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .t--fixed--\@medium {
    table-layout: fixed;
  }
}

@media only screen and (min-width: 64em) {
  .t--collapse--\@large {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .t--fixed--\@large {
    table-layout: fixed;
  }
}

@media only screen and (min-width: 68.75em) {
  .t--collapse--\@xlarge {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .t--fixed--\@xlarge {
    table-layout: fixed;
  }
}

/*
------------------------------------------------------------------

    _text-align.scss

------------------------------------------------------------------*/
.t-a--left {
  text-align: left;
}

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

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

.t-a--justify {
  text-align: justify;
}

@media only screen and (min-width: 30.0625em) {
  .t-a--left--\@not-small {
    text-align: left;
  }
  .t-a--right--\@not-small {
    text-align: right;
  }
  .t-a--center--\@not-small {
    text-align: center;
  }
  .t-a--justify--\@not-small {
    text-align: justify;
  }
}

@media only screen and (min-width: 48em) {
  .t-a--left--\@medium {
    text-align: left;
  }
  .t-a--right--\@medium {
    text-align: right;
  }
  .t-a--center--\@medium {
    text-align: center;
  }
  .t-a--justify--\@medium {
    text-align: justify;
  }
}

@media only screen and (min-width: 64em) {
  .t-a--left--\@large {
    text-align: left;
  }
  .t-a--right--\@large {
    text-align: right;
  }
  .t-a--center--\@large {
    text-align: center;
  }
  .t-a--justify--\@large {
    text-align: justify;
  }
}

@media only screen and (min-width: 68.75em) {
  .t-a--left--\@xlarge {
    text-align: left;
  }
  .t-a--right--\@xlarge {
    text-align: right;
  }
  .t-a--center--\@xlarge {
    text-align: center;
  }
  .t-a--justify--\@xlarge {
    text-align: justify;
  }
}

/*
------------------------------------------------------------------

    _text-decoration.scss

------------------------------------------------------------------*/
.t-d--none {
  text-decoration: none;
}

.t-d--underline {
  text-decoration: underline;
}

.t-d--line-through {
  text-decoration: line-through;
}

@media only screen and (min-width: 30.0625em) {
  .t-d--none--\@not-small {
    text-decoration: none;
  }
  .t-d--underline--\@not-small {
    text-decoration: underline;
  }
  .t-d--line-through--\@not-small {
    text-decoration: line-through;
  }
}

@media only screen and (min-width: 48em) {
  .t-d--none--\@medium {
    text-decoration: none;
  }
  .t-d--underline--\@medium {
    text-decoration: underline;
  }
  .t-d--line-through--\@medium {
    text-decoration: line-through;
  }
}

@media only screen and (min-width: 64em) {
  .t-d--none--\@large {
    text-decoration: none;
  }
  .t-d--underline--\@large {
    text-decoration: underline;
  }
  .t-d--line-through--\@large {
    text-decoration: line-through;
  }
}

@media only screen and (min-width: 68.75em) {
  .t-d--none--\@xlarge {
    text-decoration: none;
  }
  .t-d--underline--\@xlarge {
    text-decoration: underline;
  }
  .t-d--line-through--\@xlarge {
    text-decoration: line-through;
  }
}

/*
------------------------------------------------------------------

    _text-overflow.scss

------------------------------------------------------------------*/
.t-o--clip {
  text-overflow: clip;
}

.t-o--ellipsis {
  text-overflow: ellipsis;
}

@media only screen and (min-width: 30.0625em) {
  .t-o--clip--\@not-small {
    text-overflow: clip;
  }
  .t-o--ellipsis--\@not-small {
    text-overflow: ellipsis;
  }
}

@media only screen and (min-width: 48em) {
  .t-o--clip--\@medium {
    text-overflow: clip;
  }
  .t-o--ellipsis--\@medium {
    text-overflow: ellipsis;
  }
}

@media only screen and (min-width: 64em) {
  .t-o--clip--\@large {
    text-overflow: clip;
  }
  .t-o--ellipsis--\@large {
    text-overflow: ellipsis;
  }
}

@media only screen and (min-width: 68.75em) {
  .t-o--clip--\@xlarge {
    text-overflow: clip;
  }
  .t-o--ellipsis--\@xlarge {
    text-overflow: ellipsis;
  }
}

/*
------------------------------------------------------------------

    _text-transform.scss

------------------------------------------------------------------*/
.t-t--uppercase {
  text-transform: uppercase;
}

.t-t--capitalize {
  text-transform: capitalize;
}

.t-t--lowercase {
  text-transform: lowercase;
}

.t-t--none {
  text-transform: none;
}

/*
------------------------------------------------------------------

    _vertical-align.scss

------------------------------------------------------------------*/
.v-a--baseline {
  vertical-align: baseline;
}

.v-a--middle {
  vertical-align: middle;
}

.v-a--top {
  vertical-align: top;
}

.v-a--bottom {
  vertical-align: bottom;
}

.v-a--sub {
  vertical-align: sub;
}

@media only screen and (min-width: 30.0625em) {
  .v-a--baseline--\@not-small {
    vertical-align: baseline;
  }
  .v-a--middle--\@not-small {
    vertical-align: middle;
  }
  .v-a--top--\@not-small {
    vertical-align: top;
  }
  .v-a--bottom--\@not-small {
    vertical-align: bottom;
  }
  .v-a--sub--\@not-small {
    vertical-align: sub;
  }
}

@media only screen and (min-width: 48em) {
  .v-a--baseline--\@medium {
    vertical-align: baseline;
  }
  .v-a--middle--\@medium {
    vertical-align: middle;
  }
  .v-a--top--\@medium {
    vertical-align: top;
  }
  .v-a--bottom--\@medium {
    vertical-align: bottom;
  }
  .v-a--sub--\@medium {
    vertical-align: sub;
  }
}

@media only screen and (min-width: 64em) {
  .v-a--baseline--\@large {
    vertical-align: baseline;
  }
  .v-a--middle--\@large {
    vertical-align: middle;
  }
  .v-a--top--\@large {
    vertical-align: top;
  }
  .v-a--bottom--\@large {
    vertical-align: bottom;
  }
  .v-a--sub--\@large {
    vertical-align: sub;
  }
}

@media only screen and (min-width: 68.75em) {
  .v-a--baseline--\@xlarge {
    vertical-align: baseline;
  }
  .v-a--middle--\@xlarge {
    vertical-align: middle;
  }
  .v-a--top--\@xlarge {
    vertical-align: top;
  }
  .v-a--bottom--\@xlarge {
    vertical-align: bottom;
  }
  .v-a--sub--\@xlarge {
    vertical-align: sub;
  }
}

/*
------------------------------------------------------------------

    _visibility.scss

------------------------------------------------------------------*/
.vi--clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

@media only screen and (min-width: 30.0625em) {
  .vi--clip--\@not-small {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media only screen and (min-width: 48em) {
  .vi--clip--\@medium {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media only screen and (min-width: 64em) {
  .vi--clip--\@large {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media only screen and (min-width: 68.75em) {
  .vi--clip--\@xlarge {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

/*
------------------------------------------------------------------

    _webkit.scss

------------------------------------------------------------------*/
.we--backface {
  -webkit-backface-visibility: hidden;
}

.we--transform {
  -webkit-transform: translateZ(0);
}

/*
------------------------------------------------------------------

    _white-space.scss

------------------------------------------------------------------*/
.w-s--normal {
  white-space: normal;
}

.w-s--nowrap {
  white-space: nowrap;
}

.w-s--pre {
  white-space: pre;
}

@media only screen and (min-width: 30.0625em) {
  .w-s--normal--\@not-small {
    white-space: normal;
  }
  .w-s--nowrap--\@not-small {
    white-space: nowrap;
  }
  .w-s--pre--\@not-small {
    white-space: pre;
  }
}

@media only screen and (min-width: 48em) {
  .w-s--normal--\@medium {
    white-space: normal;
  }
  .w-s--nowrap--\@medium {
    white-space: nowrap;
  }
  .w-s--pre--\@medium {
    white-space: pre;
  }
}

@media only screen and (min-width: 64em) {
  .w-s--normal--\@large {
    white-space: normal;
  }
  .w-s--nowrap--\@large {
    white-space: nowrap;
  }
  .w-s--pre--\@large {
    white-space: pre;
  }
}

@media only screen and (min-width: 68.75em) {
  .w-s--normal--\@xlarge {
    white-space: normal;
  }
  .w-s--nowrap--\@xlarge {
    white-space: nowrap;
  }
  .w-s--pre--\@xlarge {
    white-space: pre;
  }
}

/*
------------------------------------------------------------------

    _width.scss

------------------------------------------------------------------*/
.w--0 {
  width: 0;
}

.w--1 {
  width: 1em;
}

.w--2 {
  width: 2em;
}

.w--3 {
  width: 3em;
}

.w--4 {
  width: 4em;
}

.w--5 {
  width: 5em;
}

.w--6 {
  width: 6em;
}

.w--4px {
  width: 4px;
}

.w--8px {
  width: 8px;
}

.w--16px {
  width: 16px;
}

.w--32px {
  width: 32px;
}

.w--36px {
  width: 36px;
}

.w--45px {
  width: 45px;
}

.w--48px {
  width: 48px;
}

.w--54px {
  width: 54px;
}

.w--64px {
  width: 64px;
}

.w--81px {
  width: 81px;
}

.w--121px {
  width: 121px;
}

.w--128px {
  width: 128px;
}

.w--160px {
  width: 160px;
}

.w--256px {
  width: 256px;
}

.w--320px {
  width: 320px;
}

.w--10p {
  width: 10%;
}

.w--20p {
  width: 20%;
}

.w--25p {
  width: 25%;
}

.w--33p {
  width: 33%;
}

.w--34p {
  width: 34%;
}

.w--40p {
  width: 40%;
}

.w--50p {
  width: 50%;
}

.w--60p {
  width: 60%;
}

.w--66p {
  width: 66%;
}

.w--70p {
  width: 70%;
}

.w--75p {
  width: 75%;
}

.w--80p {
  width: 80%;
}

.w--90p {
  width: 90%;
}

.w--100p {
  width: 100%;
}

.w--auto {
  width: auto;
}

.w--article {
  width: calc( 50% + 0.5em);
}

.w--article--list {
  width: calc( 60% + 0.5em);
}

.w--search-input {
  width: calc( 100% - 3.25em);
}

@media only screen and (min-width: 30.0625em) {
  .w--0--\@not-small {
    width: 0;
  }
  .w--1--\@not-small {
    width: 1em;
  }
  .w--2--\@not-small {
    width: 2em;
  }
  .w--3--\@not-small {
    width: 3em;
  }
  .w--4--\@not-small {
    width: 4em;
  }
  .w--5--\@not-small {
    width: 5em;
  }
  .w--6--\@not-small {
    width: 6em;
  }
  .w--4px--\@not-small {
    width: 4px;
  }
  .w--8px--\@not-small {
    width: 8px;
  }
  .w--16px--\@not-small {
    width: 16px;
  }
  .w--32px--\@not-small {
    width: 32px;
  }
  .w--36px--\@not-small {
    width: 36px;
  }
  .w--45px--\@not-small {
    width: 45px;
  }
  .w--48px--\@not-small {
    width: 48px;
  }
  .w--54px--\@not-small {
    width: 54px;
  }
  .w--64px--\@not-small {
    width: 64px;
  }
  .w--81px--\@not-small {
    width: 81px;
  }
  .w--121px--\@not-small {
    width: 121px;
  }
  .w--128px--\@not-small {
    width: 128px;
  }
  .w--160px--\@not-small {
    width: 160px;
  }
  .w--256px--\@not-small {
    width: 256px;
  }
  .w--320px--\@not-small {
    width: 320px;
  }
  .w--10p--\@not-small {
    width: 10%;
  }
  .w--20p--\@not-small {
    width: 20%;
  }
  .w--25p--\@not-small {
    width: 25%;
  }
  .w--33p--\@not-small {
    width: 33%;
  }
  .w--34p--\@not-small {
    width: 34%;
  }
  .w--40p--\@not-small {
    width: 40%;
  }
  .w--50p--\@not-small {
    width: 50%;
  }
  .w--60p--\@not-small {
    width: 60%;
  }
  .w--66p--\@not-small {
    width: 66%;
  }
  .w--70p--\@not-small {
    width: 70%;
  }
  .w--75p--\@not-small {
    width: 75%;
  }
  .w--80p--\@not-small {
    width: 80%;
  }
  .w--90p--\@not-small {
    width: 90%;
  }
  .w--100p--\@not-small {
    width: 100%;
  }
  .w--auto--\@not-small {
    width: auto;
  }
  .w--article--\@not-small {
    width: calc( 50% + 0.5em);
  }
  .w--article--list--\@not-small {
    width: calc( 60% + 0.5em);
  }
  .w--search-input--\@not-small {
    width: calc( 100% - 3.25em);
  }
}

@media only screen and (min-width: 48em) {
  .w--0--\@medium {
    width: 0;
  }
  .w--1--\@medium {
    width: 1em;
  }
  .w--2--\@medium {
    width: 2em;
  }
  .w--3--\@medium {
    width: 3em;
  }
  .w--4--\@medium {
    width: 4em;
  }
  .w--5--\@medium {
    width: 5em;
  }
  .w--6--\@medium {
    width: 6em;
  }
  .w--4px--\@medium {
    width: 4px;
  }
  .w--8px--\@medium {
    width: 8px;
  }
  .w--16px--\@medium {
    width: 16px;
  }
  .w--32px--\@medium {
    width: 32px;
  }
  .w--36px--\@medium {
    width: 36px;
  }
  .w--45px--\@medium {
    width: 45px;
  }
  .w--48px--\@medium {
    width: 48px;
  }
  .w--54px--\@medium {
    width: 54px;
  }
  .w--64px--\@medium {
    width: 64px;
  }
  .w--81px--\@medium {
    width: 81px;
  }
  .w--121px--\@medium {
    width: 121px;
  }
  .w--128px--\@medium {
    width: 128px;
  }
  .w--160px--\@medium {
    width: 160px;
  }
  .w--256px--\@medium {
    width: 256px;
  }
  .w--320px--\@medium {
    width: 320px;
  }
  .w--10p--\@medium {
    width: 10%;
  }
  .w--20p--\@medium {
    width: 20%;
  }
  .w--25p--\@medium {
    width: 25%;
  }
  .w--33p--\@medium {
    width: 33%;
  }
  .w--34p--\@medium {
    width: 34%;
  }
  .w--40p--\@medium {
    width: 40%;
  }
  .w--50p--\@medium {
    width: 50%;
  }
  .w--60p--\@medium {
    width: 60%;
  }
  .w--66p--\@medium {
    width: 66%;
  }
  .w--70p--\@medium {
    width: 70%;
  }
  .w--75p--\@medium {
    width: 75%;
  }
  .w--80p--\@medium {
    width: 80%;
  }
  .w--90p--\@medium {
    width: 90%;
  }
  .w--100p--\@medium {
    width: 100%;
  }
  .w--auto--\@medium {
    width: auto;
  }
  .w--article--\@medium {
    width: calc( 50% + 0.5em);
  }
  .w--article--list--\@medium {
    width: calc( 60% + 0.5em);
  }
  .w--search-input--\@medium {
    width: calc( 100% - 3.25em);
  }
}

@media only screen and (min-width: 64em) {
  .w--0--\@large {
    width: 0;
  }
  .w--1--\@large {
    width: 1em;
  }
  .w--2--\@large {
    width: 2em;
  }
  .w--3--\@large {
    width: 3em;
  }
  .w--4--\@large {
    width: 4em;
  }
  .w--5--\@large {
    width: 5em;
  }
  .w--6--\@large {
    width: 6em;
  }
  .w--4px--\@large {
    width: 4px;
  }
  .w--8px--\@large {
    width: 8px;
  }
  .w--16px--\@large {
    width: 16px;
  }
  .w--32px--\@large {
    width: 32px;
  }
  .w--36px--\@large {
    width: 36px;
  }
  .w--45px--\@large {
    width: 45px;
  }
  .w--48px--\@large {
    width: 48px;
  }
  .w--54px--\@large {
    width: 54px;
  }
  .w--64px--\@large {
    width: 64px;
  }
  .w--81px--\@large {
    width: 81px;
  }
  .w--121px--\@large {
    width: 121px;
  }
  .w--128px--\@large {
    width: 128px;
  }
  .w--160px--\@large {
    width: 160px;
  }
  .w--256px--\@large {
    width: 256px;
  }
  .w--320px--\@large {
    width: 320px;
  }
  .w--10p--\@large {
    width: 10%;
  }
  .w--20p--\@large {
    width: 20%;
  }
  .w--25p--\@large {
    width: 25%;
  }
  .w--33p--\@large {
    width: 33%;
  }
  .w--34p--\@large {
    width: 34%;
  }
  .w--40p--\@large {
    width: 40%;
  }
  .w--50p--\@large {
    width: 50%;
  }
  .w--60p--\@large {
    width: 60%;
  }
  .w--66p--\@large {
    width: 66%;
  }
  .w--70p--\@large {
    width: 70%;
  }
  .w--75p--\@large {
    width: 75%;
  }
  .w--80p--\@large {
    width: 80%;
  }
  .w--90p--\@large {
    width: 90%;
  }
  .w--100p--\@large {
    width: 100%;
  }
  .w--auto--\@large {
    width: auto;
  }
  .w--article--\@large {
    width: calc( 50% + 0.5em);
  }
  .w--article--list--\@large {
    width: calc( 60% + 0.5em);
  }
  .w--search-input--\@large {
    width: calc( 100% - 3.25em);
  }
}

@media only screen and (min-width: 68.75em) {
  .w--0--\@xlarge {
    width: 0;
  }
  .w--1--\@xlarge {
    width: 1em;
  }
  .w--2--\@xlarge {
    width: 2em;
  }
  .w--3--\@xlarge {
    width: 3em;
  }
  .w--4--\@xlarge {
    width: 4em;
  }
  .w--5--\@xlarge {
    width: 5em;
  }
  .w--6--\@xlarge {
    width: 6em;
  }
  .w--4px--\@xlarge {
    width: 4px;
  }
  .w--8px--\@xlarge {
    width: 8px;
  }
  .w--16px--\@xlarge {
    width: 16px;
  }
  .w--32px--\@xlarge {
    width: 32px;
  }
  .w--36px--\@xlarge {
    width: 36px;
  }
  .w--45px--\@xlarge {
    width: 45px;
  }
  .w--48px--\@xlarge {
    width: 48px;
  }
  .w--54px--\@xlarge {
    width: 54px;
  }
  .w--64px--\@xlarge {
    width: 64px;
  }
  .w--81px--\@xlarge {
    width: 81px;
  }
  .w--121px--\@xlarge {
    width: 121px;
  }
  .w--128px--\@xlarge {
    width: 128px;
  }
  .w--160px--\@xlarge {
    width: 160px;
  }
  .w--256px--\@xlarge {
    width: 256px;
  }
  .w--320px--\@xlarge {
    width: 320px;
  }
  .w--10p--\@xlarge {
    width: 10%;
  }
  .w--20p--\@xlarge {
    width: 20%;
  }
  .w--25p--\@xlarge {
    width: 25%;
  }
  .w--33p--\@xlarge {
    width: 33%;
  }
  .w--34p--\@xlarge {
    width: 34%;
  }
  .w--40p--\@xlarge {
    width: 40%;
  }
  .w--50p--\@xlarge {
    width: 50%;
  }
  .w--60p--\@xlarge {
    width: 60%;
  }
  .w--66p--\@xlarge {
    width: 66%;
  }
  .w--70p--\@xlarge {
    width: 70%;
  }
  .w--75p--\@xlarge {
    width: 75%;
  }
  .w--80p--\@xlarge {
    width: 80%;
  }
  .w--90p--\@xlarge {
    width: 90%;
  }
  .w--100p--\@xlarge {
    width: 100%;
  }
  .w--auto--\@xlarge {
    width: auto;
  }
  .w--article--\@xlarge {
    width: calc( 50% + 0.5em);
  }
  .w--article--list--\@xlarge {
    width: calc( 60% + 0.5em);
  }
  .w--search-input--\@xlarge {
    width: calc( 100% - 3.25em);
  }
}

/*
------------------------------------------------------------------

    _word-break.scss

------------------------------------------------------------------*/
.w-b--normal {
  word-break: normal;
}

.w-b--wrap {
  word-break: wrap;
}

.w-b--nowrap {
  word-break: nowrap;
}

@media only screen and (min-width: 30.0625em) {
  .w-b--normal--\@not-small {
    word-break: normal;
  }
  .w-b--wrap--\@not-small {
    word-break: wrap;
  }
  .w-b--nowrap--\@not-small {
    word-break: nowrap;
  }
}

@media only screen and (min-width: 48em) {
  .w-b--normal--\@medium {
    word-break: normal;
  }
  .w-b--wrap--\@medium {
    word-break: wrap;
  }
  .w-b--nowrap--\@medium {
    word-break: nowrap;
  }
}

@media only screen and (min-width: 64em) {
  .w-b--normal--\@large {
    word-break: normal;
  }
  .w-b--wrap--\@large {
    word-break: wrap;
  }
  .w-b--nowrap--\@large {
    word-break: nowrap;
  }
}

@media only screen and (min-width: 68.75em) {
  .w-b--normal--\@xlarge {
    word-break: normal;
  }
  .w-b--wrap--\@xlarge {
    word-break: wrap;
  }
  .w-b--nowrap--\@xlarge {
    word-break: nowrap;
  }
}

/*
------------------------------------------------------------------

    _z-index.scss

------------------------------------------------------------------*/
.z--0 {
  z-index: 0;
}

.z--1 {
  z-index: 1;
}

.z--2 {
  z-index: 2;
}

.z--3 {
  z-index: 3;
}

.z--4 {
  z-index: 4;
}

.z--5 {
  z-index: 5;
}

.z--6 {
  z-index: 6;
}

.z--7 {
  z-index: 7;
}

.z--8 {
  z-index: 8;
}

.z--9 {
  z-index: 9;
}

.z--10 {
  z-index: 10;
}

.z--99 {
  z-index: 99;
}

.z--999 {
  z-index: 999;
}

.z--9999 {
  z-index: 9999;
}

.z--inherit {
  z-index: inherit;
}

.z--initial {
  z-index: initial;
}

.z--unset {
  z-index: unset;
}

@media only screen and (min-width: 30.0625em) {
  .z--0--\@not-small {
    z-index: 0;
  }
  .z--1--\@not-small {
    z-index: 1;
  }
  .z--2--\@not-small {
    z-index: 2;
  }
  .z--3--\@not-small {
    z-index: 3;
  }
  .z--4--\@not-small {
    z-index: 4;
  }
  .z--5--\@not-small {
    z-index: 5;
  }
  .z--6--\@not-small {
    z-index: 6;
  }
  .z--7--\@not-small {
    z-index: 7;
  }
  .z--8--\@not-small {
    z-index: 8;
  }
  .z--9--\@not-small {
    z-index: 9;
  }
  .z--10--\@not-small {
    z-index: 10;
  }
  .z--99--\@not-small {
    z-index: 99;
  }
  .z--999--\@not-small {
    z-index: 999;
  }
  .z--9999--\@not-small {
    z-index: 9999;
  }
  .z--inherit--\@not-small {
    z-index: inherit;
  }
  .z--initial--\@not-small {
    z-index: initial;
  }
  .z--unset--\@not-small {
    z-index: unset;
  }
}

@media only screen and (min-width: 48em) {
  .z--0--\@medium {
    z-index: 0;
  }
  .z--1--\@medium {
    z-index: 1;
  }
  .z--2--\@medium {
    z-index: 2;
  }
  .z--3--\@medium {
    z-index: 3;
  }
  .z--4--\@medium {
    z-index: 4;
  }
  .z--5--\@medium {
    z-index: 5;
  }
  .z--6--\@medium {
    z-index: 6;
  }
  .z--7--\@medium {
    z-index: 7;
  }
  .z--8--\@medium {
    z-index: 8;
  }
  .z--9--\@medium {
    z-index: 9;
  }
  .z--10--\@medium {
    z-index: 10;
  }
  .z--99--\@medium {
    z-index: 99;
  }
  .z--999--\@medium {
    z-index: 999;
  }
  .z--9999--\@medium {
    z-index: 9999;
  }
  .z--inherit--\@medium {
    z-index: inherit;
  }
  .z--initial--\@medium {
    z-index: initial;
  }
  .z--unset--\@medium {
    z-index: unset;
  }
}

@media only screen and (min-width: 64em) {
  .z--0--\@large {
    z-index: 0;
  }
  .z--1--\@large {
    z-index: 1;
  }
  .z--2--\@large {
    z-index: 2;
  }
  .z--3--\@large {
    z-index: 3;
  }
  .z--4--\@large {
    z-index: 4;
  }
  .z--5--\@large {
    z-index: 5;
  }
  .z--6--\@large {
    z-index: 6;
  }
  .z--7--\@large {
    z-index: 7;
  }
  .z--8--\@large {
    z-index: 8;
  }
  .z--9--\@large {
    z-index: 9;
  }
  .z--10--\@large {
    z-index: 10;
  }
  .z--99--\@large {
    z-index: 99;
  }
  .z--999--\@large {
    z-index: 999;
  }
  .z--9999--\@large {
    z-index: 9999;
  }
  .z--inherit--\@large {
    z-index: inherit;
  }
  .z--initial--\@large {
    z-index: initial;
  }
  .z--unset--\@large {
    z-index: unset;
  }
}

@media only screen and (min-width: 68.75em) {
  .z--0--\@xlarge {
    z-index: 0;
  }
  .z--1--\@xlarge {
    z-index: 1;
  }
  .z--2--\@xlarge {
    z-index: 2;
  }
  .z--3--\@xlarge {
    z-index: 3;
  }
  .z--4--\@xlarge {
    z-index: 4;
  }
  .z--5--\@xlarge {
    z-index: 5;
  }
  .z--6--\@xlarge {
    z-index: 6;
  }
  .z--7--\@xlarge {
    z-index: 7;
  }
  .z--8--\@xlarge {
    z-index: 8;
  }
  .z--9--\@xlarge {
    z-index: 9;
  }
  .z--10--\@xlarge {
    z-index: 10;
  }
  .z--99--\@xlarge {
    z-index: 99;
  }
  .z--999--\@xlarge {
    z-index: 999;
  }
  .z--9999--\@xlarge {
    z-index: 9999;
  }
  .z--inherit--\@xlarge {
    z-index: inherit;
  }
  .z--initial--\@xlarge {
    z-index: initial;
  }
  .z--unset--\@xlarge {
    z-index: unset;
  }
}

/*
------------------------------------------------------------------

    _transition-easing.scss

------------------------------------------------------------------*/
.transition-easing--ease {
  transition-timing-function: ease;
}

.transition-easing--easeInQuad {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.transition-easing--easeInCubic {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.transition-easing--easeInQuart {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.transition-easing--easeInQuint {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.transition-easing--easeInSine {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

.transition-easing--easeInExpo {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.transition-easing--easeInCirc {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.transition-easing--easeInBack {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.transition-easing--easeOutQuad {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.transition-easing--easeOutCubic {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition-easing--easeOutQuart {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.transition-easing--easeOutQuint {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.transition-easing--easeOutSine {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.transition-easing--easeOutExpo {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.transition-easing--easeOutCirc {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.transition-easing--easeOutBack {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.transition-easing--easeInOutQuad {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.transition-easing--easeInOutCubic {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.transition-easing--easeInOutQuart {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.transition-easing--easeInOutQuint {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.transition-easing--easeInOutSine {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.transition-easing--easeInOutExpo {
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.transition-easing--easeInOutCirc {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.transition-easing--easeInOutBack {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/*
------------------------------------------------------------------

    _transitions.scss

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

	- _reset.scss

------------------------------------------------------------------*/
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
blockquote,
figure,
b {
  margin: 0;
  margin-bottom: 1.5em;
  font-weight: normal;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child,
figure:last-child,
b:last-child {
  margin-bottom: 0;
}

img {
  vertical-align: bottom;
}

/*
------------------------------------------------------------------

    - _action.scss / component

------------------------------------------------------------------*/
.action {
  cursor: pointer;
  text-decoration: none;
}

.action--black {
  color: #333333;
}

.action--hover--black:hover {
  color: #333333;
}

.action--active--black.is-active {
  color: #333333;
}

.action--white {
  color: #ffffff;
}

.action--hover--white:hover {
  color: #ffffff;
}

.action--active--white.is-active {
  color: #ffffff;
}

.action--concrete {
  color: #f2f2f2;
}

.action--hover--concrete:hover {
  color: #f2f2f2;
}

.action--active--concrete.is-active {
  color: #f2f2f2;
}

.action--sand {
  color: #F4F4F4;
}

.action--hover--sand:hover {
  color: #F4F4F4;
}

.action--active--sand.is-active {
  color: #F4F4F4;
}

.action--off-white {
  color: #EDEDED;
}

.action--hover--off-white:hover {
  color: #EDEDED;
}

.action--active--off-white.is-active {
  color: #EDEDED;
}

.action--black--50 {
  color: rgba(51, 51, 51, 0.5);
}

.action--hover--black--50:hover {
  color: rgba(51, 51, 51, 0.5);
}

.action--active--black--50.is-active {
  color: rgba(51, 51, 51, 0.5);
}

.action--black--25 {
  color: rgba(51, 51, 51, 0.25);
}

.action--hover--black--25:hover {
  color: rgba(51, 51, 51, 0.25);
}

.action--active--black--25.is-active {
  color: rgba(51, 51, 51, 0.25);
}

.action--rgba-0-15 {
  color: rgba(0, 0, 0, 0.15);
}

.action--hover--rgba-0-15:hover {
  color: rgba(0, 0, 0, 0.15);
}

.action--active--rgba-0-15.is-active {
  color: rgba(0, 0, 0, 0.15);
}

.action--rgba-0-25 {
  color: rgba(0, 0, 0, 0.25);
}

.action--hover--rgba-0-25:hover {
  color: rgba(0, 0, 0, 0.25);
}

.action--active--rgba-0-25.is-active {
  color: rgba(0, 0, 0, 0.25);
}

.action--rgba-0-50 {
  color: rgba(0, 0, 0, 0.5);
}

.action--hover--rgba-0-50:hover {
  color: rgba(0, 0, 0, 0.5);
}

.action--active--rgba-0-50.is-active {
  color: rgba(0, 0, 0, 0.5);
}

.action--red {
  color: #F7001F;
}

.action--hover--red:hover {
  color: #F7001F;
}

.action--active--red.is-active {
  color: #F7001F;
}

.action--deep-red {
  color: #ee001e;
}

.action--hover--deep-red:hover {
  color: #ee001e;
}

.action--active--deep-red.is-active {
  color: #ee001e;
}

.action--romance {
  color: #D5F7D4;
}

.action--hover--romance:hover {
  color: #D5F7D4;
}

.action--active--romance.is-active {
  color: #D5F7D4;
}

.action--yellow {
  color: #FFBC00;
}

.action--hover--yellow:hover {
  color: #FFBC00;
}

.action--active--yellow.is-active {
  color: #FFBC00;
}

.action--orange {
  color: #FFB846;
}

.action--hover--orange:hover {
  color: #FFB846;
}

.action--active--orange.is-active {
  color: #FFB846;
}

.action--blue {
  color: #5256ff;
}

.action--hover--blue:hover {
  color: #5256ff;
}

.action--active--blue.is-active {
  color: #5256ff;
}

.action--sky-blue {
  color: #00CCFF;
}

.action--hover--sky-blue:hover {
  color: #00CCFF;
}

.action--active--sky-blue.is-active {
  color: #00CCFF;
}

.action--deep-blue {
  color: #130078;
}

.action--hover--deep-blue:hover {
  color: #130078;
}

.action--active--deep-blue.is-active {
  color: #130078;
}

.action--pink {
  color: #FFA1CE;
}

.action--hover--pink:hover {
  color: #FFA1CE;
}

.action--active--pink.is-active {
  color: #FFA1CE;
}

.action--dove-grey {
  color: #767676;
}

.action--hover--dove-grey:hover {
  color: #767676;
}

.action--active--dove-grey.is-active {
  color: #767676;
}

.action--grey {
  color: #9C9C9C;
}

.action--hover--grey:hover {
  color: #9C9C9C;
}

.action--active--grey.is-active {
  color: #9C9C9C;
}

.action--boulder {
  color: #676767;
}

.action--hover--boulder:hover {
  color: #676767;
}

.action--active--boulder.is-active {
  color: #676767;
}

.action--coral {
  color: #FF3C46;
}

.action--hover--coral:hover {
  color: #FF3C46;
}

.action--active--coral.is-active {
  color: #FF3C46;
}

.action--sunset {
  color: #fd6e71;
}

.action--hover--sunset:hover {
  color: #fd6e71;
}

.action--active--sunset.is-active {
  color: #fd6e71;
}

.action--moon {
  color: #FDFFC6;
}

.action--hover--moon:hover {
  color: #FDFFC6;
}

.action--active--moon.is-active {
  color: #FDFFC6;
}

.action--blue-moon {
  color: #F0F1FF;
}

.action--hover--blue-moon:hover {
  color: #F0F1FF;
}

.action--active--blue-moon.is-active {
  color: #F0F1FF;
}

.action--bubble-gum {
  color: #FFC9CA;
}

.action--hover--bubble-gum:hover {
  color: #FFC9CA;
}

.action--active--bubble-gum.is-active {
  color: #FFC9CA;
}

.action--rose {
  color: #FFE9EA;
}

.action--hover--rose:hover {
  color: #FFE9EA;
}

.action--active--rose.is-active {
  color: #FFE9EA;
}

.action--mercury {
  color: #E6E5E6;
}

.action--hover--mercury:hover {
  color: #E6E5E6;
}

.action--active--mercury.is-active {
  color: #E6E5E6;
}

.action--light-yellow {
  color: #ffcc3d;
}

.action--hover--light-yellow:hover {
  color: #ffcc3d;
}

.action--active--light-yellow.is-active {
  color: #ffcc3d;
}

/*
------------------------------------------------------------------

    - _article.scss / component

------------------------------------------------------------------*/
.article--card__content {
  top: -2em;
}

.article__briefing__text {
  max-width: 4.5em;
}

.bg-c--red .article__subtitle {
  background-color: #ee001e;
}

/*
------------------------------------------------------------------

    - _brand.scss / component

------------------------------------------------------------------*/
.brand--footer {
  max-width: 80px;
}

.brand--masthead {
  max-width: 80px;
}

@media only screen and (min-width: 48em) {
  .brand--masthead {
    max-width: 130px;
  }
}

.header-logo {
  background-image: url("../images/pen-100.png");
}

/*
------------------------------------------------------------------

    - _burger.scss / component

------------------------------------------------------------------*/
.burger__line {
  width: 24px;
  height: 2px;
  background-color: #333333;
}

.burger__line:not(:last-child) {
  margin-bottom: 3px;
}

.navigation--active .burger__line--top {
  transform: translate3d(0, 5px, 0) rotate3d(0, 0, 1, -45deg);
}

.navigation--active .burger__line--middle {
  transition-durartion: 100ms;
  opacity: 0;
}

.navigation--active .burger__line--bottom {
  transform: translate3d(0, -5px, 0) rotate3d(0, 0, 1, 45deg);
}

/*
------------------------------------------------------------------

    - _grid.scss / component

------------------------------------------------------------------*/
.grid:not(.grid--flush) {
  margin-right: -8px;
  margin-left: -8px;
  font-size: 0;
}

.grid--flush {
  margin-right: 0;
  margin-left: 0;
  font-size: 0;
}

.grid--flush > * {
  font-size: initial;
}

.grid > * {
  font-size: initial;
}

.grid__item:not([class*="d--"]) {
  display: inline-block;
}

.grid__item:not([class*="v-a--"]) {
  vertical-align: top;
}

.grid__item:not(.grid__item--flush) {
  padding-right: 8px;
  padding-left: 8px;
}

/*
------------------------------------------------------------------

    - _map.scss / component

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    - _masonry.scss / component

------------------------------------------------------------------*/
/*
------------------------------------------------------------------

    - _media.scss / component

------------------------------------------------------------------*/
.media {
  position: relative;
  overflow: hidden;
}

.media__image {
  transition: opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1);
}

.media__image[data-lazy] {
  opacity: 0;
}

.media__image.is-loaded {
  opacity: 1;
}

.media__image--greyscale {
  -webkit-filter: greyscale(1);
          filter: greyscale(1);
}

.media__overlay {
  transition: opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}

.no-touchevents .media__overlay:hover {
  transition-duration: 350ms;
  opacity: 1;
}

/*
------------------------------------------------------------------

    - _progress.scss / component
    * http://github.hubspot.com/pace/docs/welcome/

------------------------------------------------------------------*/
.turbolinks-progress-bar {
  background-color: #F7001F;
  height: 3px;
}

.pace {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.pace-inactive {
  height: 0;
  overflow: hidden;
}

.pace-inactive .pace-progress {
  height: 0;
}

.pace-progress {
  background: #F7001F;
  position: fixed;
  z-index: 2000;
  right: 100%;
  width: 100%;
  height: 3px;
  top: 0;
}

/*
------------------------------------------------------------------

    - _slick.scss / component

------------------------------------------------------------------*/
.slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.slick-dots li {
  display: inline-block;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
}

.slick-dots li button {
  vertical-align: middle;
  background-color: #767676;
  border-radius: 100%;
  display: block;
  cursor: pointer;
  border: none;
  line-height: 0;
  outline: none;
  font-size: 0;
  height: 12px;
  width: 12px;
  padding: 0;
  margin: 0;
}

.slick-dots li button:focus {
  border: 1px solid #F7001F;
}

.slick-dots li.slick-active button {
  background-color: #F7001F;
}

/*
------------------------------------------------------------------

    - _video.scss / component

------------------------------------------------------------------*/
.video-container {
  margin-bottom: 1.5em;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.video-container iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*
------------------------------------------------------------------

    - _wysiwyg.scss / component

------------------------------------------------------------------*/
.wysiwyg a {
  text-decoration: underline;
  color: currentColor;
}

.wysiwyg hr {
  border: 0;
  height: 1px;
  background: #E6E5E6;
  margin-bottom: 1.5em;
}

.wysiwyg img {
  max-width: 100%;
}

.highlight .bg-i--brand--just-giving--white, .highlight .bg-i--brand--paypal--white {
  background-size: 100%;
  background-position: center;
  margin: auto;
}

.highlight .bg-i--brand--paypal--white {
  width: 90%;
}

.just-giving-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  margin-bottom: 30px;
  background-color: #FFBC00;
  padding: 30px 20px;
  display: block;
  text-decoration: none;
  color: #fff;
}

.just-giving-panel svg {
  width: 100%;
  height: auto;
  max-width: 14rem;
  margin-top: -2.5rem;
  margin-bottom: -2rem;
}

.campaign {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.campaign header {
  margin-bottom: -90px;
  z-index: 1;
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
  .campaign header {
    margin-bottom: -120px;
  }
}

@media (min-width: 1024px) {
  .campaign header {
    margin-bottom: -152px;
  }
}

.campaign header .b-c--black.b--bottom.po--relative {
  display: none;
}

.campaign header .mx-w--xlarge.m--center .b-c--black.b--bottom {
  border: 0;
}

.campaign header .p--bottom--2 + div form {
  display: none;
}

.campaign__hero {
  margin: 0 -2rem -2rem;
  min-width: 100%;
}

@media (min-width: 500px) {
  .campaign__hero {
    margin: 0 -2rem -5rem;
  }
}

.campaign__hero-image {
  width: 100%;
  display: block;
}

.campaign__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.campaign__column {
  position: relative;
  z-index: 1;
  width: 100%;
}

@media (min-width: 750px) {
  .campaign__column {
    width: 33.33%;
  }
}

.campaign__column--wide {
  background: #fff;
  width: 100%;
  padding: 30px 20px;
}

@media (min-width: 750px) {
  .campaign__column--wide {
    width: calc(66.66% - 30px);
    margin-left: -20px;
  }
}

.campaign__heading {
  font-size: 32px;
  font-weight: 800;
  font-family: Sofia Pro Black, avenir, sans-serif;
  margin-bottom: -5px;
}

@media (min-width: 800px) {
  .campaign__heading {
    font-size: 50px;
  }
}

.campaign__dates {
  font-family: "Sofia Pro Light", avenir, sans-serif;
  font-size: 16px;
  margin-bottom: 15px;
}

.campaign__share {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}

.campaign__intro {
  font-family: Source Serif Pro, times, serif;
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 18px;
}

.campaign__copy {
  font-family: Source Serif Pro, times, serif;
  font-size: 15px;
  margin-bottom: 42px;
}

.campaign__accordion {
  border-bottom: 1px solid #000;
  margin-bottom: 60px;
}

.campaign__accordion-heading {
  font-family: Sofia Pro Black, avenir, sans-serif;
  font-weight: 800;
  font-size: 24px;
  margin: 0 0 -1px;
  padding: 13px 0 9px 0;
  border-top: 1px solid #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.campaign__accordion-heading img {
  width: 1rem;
  transition: ease 0.4s;
}

.campaign__accordion-heading.open img {
  transform: rotate(-180deg);
}

.campaign__accordion-draw {
  background-color: #F7F7F7;
  padding: 20px 20px 30px;
  font-family: Source Serif Pro, times, serif;
  font-size: 15px;
}

.campaign__accordion-draw > * {
  margin: 0 0 1rem;
}

.campaign__accordion-draw > *:last-of-type {
  margin: 0;
}

.campaign__mail {
  background-color: #5256FF;
  color: #FFB0D6;
  display: block;
  font-family: Sofia Pro Black, avenir, sans-serif;
  font-weight: 800;
  text-align: center;
  padding: 30px;
  margin-bottom: 40px;
}

.campaign__mail img {
  width: 100%;
  max-width: 40px;
  margin-bottom: 9px;
}

.campaign__mail h2 {
  font-size: 32px;
}

.campaign__featured-title {
  font-family: Sofia Pro Black, avenir, sans-serif;
  font-weight: 800;
  font-size: 35px;
  margin-bottom: 22px;
}

.campaign__featured-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}

.campaign__featured-item {
  width: 100%;
  margin-bottom: 30px;
}

@media (min-width: 870px) {
  .campaign__featured-item {
    width: calc(50% - 7px);
  }
}

.campaign__featured-item a {
  color: #7558FF;
  text-decoration: none;
}

.campaign__featured-item--darkGrey a {
  color: #FFBC00;
}

.campaign__featured-item--darkGrey .campaign__featured-copy {
  background-color: #767676;
}

.campaign__featured-item--blue a {
  color: #FFB0D6;
}

.campaign__featured-item--blue .campaign__featured-copy {
  background-color: #5256FF;
}

.campaign__featured-item--red a {
  color: #fff;
}

.campaign__featured-item--red .campaign__featured-copy {
  background-color: #F70020;
}

.campaign__featured-placeholder {
  padding-bottom: 61%;
  background-color: #FFBC00;
}

.campaign__featured-location {
  font-size: 12px;
}

.campaign__featured-image {
  max-width: 100%;
}

.campaign__featured-copy {
  position: relative;
  padding: 10px 20px 20px;
  margin-top: -50px;
  width: calc(100% - 50px);
  background-color: #F2F2F2;
}

.campaign__featured-copy h3 {
  font-family: Sofia Pro Black, avenir, sans-serif;
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 2px;
}

.campaign__featured-copy p {
  font-family: Source Serif Pro, times, serif;
  font-weight: 400;
  font-size: 14px;
}

/*# sourceMappingURL=style.css.map*/