/*!
Theme Name: rrm
Theme URI:
Description:
Version: 1.0
Update URI:
*/

@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*

  CUSTOM MEDIA QUERIES

  Media query values can be changed to fit your own content.
  There are no magic bullets when it comes to media query width values.
  They should be declared in em units - and they should be set to meet
  the needs of your content. You can also add additional media queries,
  or remove some of the existing ones.

  These media queries can be referenced like so:

  @media (--breakpoint-not-small) {
    .medium-and-larger-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-medium) {
    .medium-screen-specific-style {
      background-color: red;
    }
  }

  @media (--breakpoint-large) {
    .large-and-larger-screen-specific-style {
      background-color: red;
    }
  }

*/
/* Media Queries */
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
.debug * {
  outline: 1px solid gold;
}

.debug-white * {
  outline: 1px solid white;
}

.debug-black * {
  outline: 1px solid black;
}

/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/
.debug-grid {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
}

.debug-grid-16 {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
}

.debug-grid-8-solid {
  background: white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
}

.debug-grid-16-solid {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
}

/*

  BOX SIZING

*/
html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1, h2, h3, h4, h5, h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
.border-box {
  box-sizing: border-box;
}

/*

   ASPECT RATIOS

*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
.aspect-ratio {
  height: 0;
  position: relative;
}

.aspect-ratio--16x9 {
  padding-bottom: 56.25%;
}

.aspect-ratio--9x16 {
  padding-bottom: 177.77%;
}

.aspect-ratio--4x3 {
  padding-bottom: 75%;
}

.aspect-ratio--3x4 {
  padding-bottom: 133.33%;
}

.aspect-ratio--6x4 {
  padding-bottom: 66.6%;
}

.aspect-ratio--4x6 {
  padding-bottom: 150%;
}

.aspect-ratio--8x5 {
  padding-bottom: 62.5%;
}

.aspect-ratio--5x8 {
  padding-bottom: 160%;
}

.aspect-ratio--7x5 {
  padding-bottom: 71.42%;
}

.aspect-ratio--5x7 {
  padding-bottom: 140%;
}

.aspect-ratio--1x1 {
  padding-bottom: 100%;
}

.aspect-ratio--object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

@media screen and (min-width: 42em) {
  .aspect-ratio-ns {
    height: 0;
    position: relative;
  }

  .aspect-ratio--16x9-ns {
    padding-bottom: 56.25%;
  }

  .aspect-ratio--9x16-ns {
    padding-bottom: 177.77%;
  }

  .aspect-ratio--4x3-ns {
    padding-bottom: 75%;
  }

  .aspect-ratio--3x4-ns {
    padding-bottom: 133.33%;
  }

  .aspect-ratio--6x4-ns {
    padding-bottom: 66.6%;
  }

  .aspect-ratio--4x6-ns {
    padding-bottom: 150%;
  }

  .aspect-ratio--8x5-ns {
    padding-bottom: 62.5%;
  }

  .aspect-ratio--5x8-ns {
    padding-bottom: 160%;
  }

  .aspect-ratio--7x5-ns {
    padding-bottom: 71.42%;
  }

  .aspect-ratio--5x7-ns {
    padding-bottom: 140%;
  }

  .aspect-ratio--1x1-ns {
    padding-bottom: 100%;
  }

  .aspect-ratio--object-ns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 30em) {
  .aspect-ratio-s {
    height: 0;
    position: relative;
  }

  .aspect-ratio--16x9-s {
    padding-bottom: 56.25%;
  }

  .aspect-ratio--9x16-s {
    padding-bottom: 177.77%;
  }

  .aspect-ratio--4x3-s {
    padding-bottom: 75%;
  }

  .aspect-ratio--3x4-s {
    padding-bottom: 133.33%;
  }

  .aspect-ratio--6x4-s {
    padding-bottom: 66.6%;
  }

  .aspect-ratio--4x6-s {
    padding-bottom: 150%;
  }

  .aspect-ratio--8x5-s {
    padding-bottom: 62.5%;
  }

  .aspect-ratio--5x8-s {
    padding-bottom: 160%;
  }

  .aspect-ratio--7x5-s {
    padding-bottom: 71.42%;
  }

  .aspect-ratio--5x7-s {
    padding-bottom: 140%;
  }

  .aspect-ratio--1x1-s {
    padding-bottom: 100%;
  }

  .aspect-ratio--object-s {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 42em) {
  .aspect-ratio-m {
    height: 0;
    position: relative;
  }

  .aspect-ratio--16x9-m {
    padding-bottom: 56.25%;
  }

  .aspect-ratio--9x16-m {
    padding-bottom: 177.77%;
  }

  .aspect-ratio--4x3-m {
    padding-bottom: 75%;
  }

  .aspect-ratio--3x4-m {
    padding-bottom: 133.33%;
  }

  .aspect-ratio--6x4-m {
    padding-bottom: 66.6%;
  }

  .aspect-ratio--4x6-m {
    padding-bottom: 150%;
  }

  .aspect-ratio--8x5-m {
    padding-bottom: 62.5%;
  }

  .aspect-ratio--5x8-m {
    padding-bottom: 160%;
  }

  .aspect-ratio--7x5-m {
    padding-bottom: 71.42%;
  }

  .aspect-ratio--5x7-m {
    padding-bottom: 140%;
  }

  .aspect-ratio--1x1-m {
    padding-bottom: 100%;
  }

  .aspect-ratio--object-m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 60em) {
  .aspect-ratio-l {
    height: 0;
    position: relative;
  }

  .aspect-ratio--16x9-l {
    padding-bottom: 56.25%;
  }

  .aspect-ratio--9x16-l {
    padding-bottom: 177.77%;
  }

  .aspect-ratio--4x3-l {
    padding-bottom: 75%;
  }

  .aspect-ratio--3x4-l {
    padding-bottom: 133.33%;
  }

  .aspect-ratio--6x4-l {
    padding-bottom: 66.6%;
  }

  .aspect-ratio--4x6-l {
    padding-bottom: 150%;
  }

  .aspect-ratio--8x5-l {
    padding-bottom: 62.5%;
  }

  .aspect-ratio--5x8-l {
    padding-bottom: 160%;
  }

  .aspect-ratio--7x5-l {
    padding-bottom: 71.42%;
  }

  .aspect-ratio--5x7-l {
    padding-bottom: 140%;
  }

  .aspect-ratio--1x1-l {
    padding-bottom: 100%;
  }

  .aspect-ratio--object-l {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}
/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
img {
  max-width: 100%;
  height: auto;
}

.blur-up {
  filter: blur(5px);
  opacity: 0;
  transition: filter 0.5s ease, opacity 0.5s ease;
}
.blur-up.lazyloaded {
  filter: blur(0);
  opacity: 1;
}

.lazyload {
  height: initial;
}

/*

   BACKGROUND SIZE
   Docs: http://tachyons.io/docs/themes/background-size/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
.cover {
  background-size: cover !important;
}

.contain {
  background-size: contain !important;
}

@media screen and (min-width: 42em) {
  .cover-ns {
    background-size: cover !important;
  }

  .contain-ns {
    background-size: contain !important;
  }
}
@media screen and (min-width: 42em) {
  .cover-m {
    background-size: cover !important;
  }

  .contain-m {
    background-size: contain !important;
  }
}
@media screen and (min-width: 60em) {
  .cover-l {
    background-size: cover !important;
  }

  .contain-l {
    background-size: contain !important;
  }
}
/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

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

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

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

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

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

@media screen and (min-width: 42em) {
  .bg-center-ns {
    background-repeat: no-repeat;
    background-position: center center;
  }

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

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

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

  .bg-left-ns {
    background-repeat: no-repeat;
    background-position: center left;
  }
}
@media screen and (min-width: 42em) {
  .bg-center-m {
    background-repeat: no-repeat;
    background-position: center center;
  }

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

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

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

  .bg-left-m {
    background-repeat: no-repeat;
    background-position: center left;
  }
}
@media screen and (min-width: 60em) {
  .bg-center-l {
    background-repeat: no-repeat;
    background-position: center center;
  }

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

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

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

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

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.outline {
  outline: 1px solid;
}

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

.outline-0 {
  outline: 0;
}

@media screen and (min-width: 42em) {
  .outline-ns {
    outline: 1px solid;
  }

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

  .outline-0-ns {
    outline: 0;
  }
}
@media screen and (min-width: 42em) {
  .outline-m {
    outline: 1px solid;
  }

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

  .outline-0-m {
    outline: 0;
  }
}
@media screen and (min-width: 60em) {
  .outline-l {
    outline: 1px solid;
  }

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

  .outline-0-l {
    outline: 0;
  }
}
/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

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

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

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

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

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

.bn {
  border-style: none;
  border-width: 0;
}

@media screen and (min-width: 42em) {
  .ba-ns {
    border-style: solid;
    border-width: 1px;
  }

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

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

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

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

  .bn-ns {
    border-style: none;
    border-width: 0;
  }
}
@media screen and (min-width: 42em) {
  .ba-m {
    border-style: solid;
    border-width: 1px;
  }

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

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

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

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

  .bn-m {
    border-style: none;
    border-width: 0;
  }
}
@media screen and (min-width: 60em) {
  .ba-l {
    border-style: solid;
    border-width: 1px;
  }

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

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

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

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

  .bn-l {
    border-style: none;
    border-width: 0;
  }
}
/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
.b--black {
  border-color: #231F20;
}

.b--white {
  border-color: #fff;
}

.b--dark-gray {
  border-color: #50525A;
}

.b--gray {
  border-color: #9FA1A7;
}

.b--light-gray {
  border-color: #F2F2F2;
}

.b--transparent {
  border-color: transparent;
}

.b--inherit {
  border-color: inherit;
}

/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.br0 {
  border-radius: 0;
}

.br1 {
  border-radius: 0.125rem;
}

.br2 {
  border-radius: 0.25rem;
}

.br3 {
  border-radius: 0.5rem;
}

.br4 {
  border-radius: 1rem;
}

.br-100 {
  border-radius: 100%;
}

.br-pill {
  border-radius: 9999px;
}

.br--bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.br--top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (min-width: 42em) {
  .br0-ns {
    border-radius: 0;
  }

  .br1-ns {
    border-radius: 0.125rem;
  }

  .br2-ns {
    border-radius: 0.25rem;
  }

  .br3-ns {
    border-radius: 0.5rem;
  }

  .br4-ns {
    border-radius: 1rem;
  }

  .br-100-ns {
    border-radius: 100%;
  }

  .br-pill-ns {
    border-radius: 9999px;
  }

  .br--bottom-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br--top-ns {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br--right-ns {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br--left-ns {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (min-width: 42em) {
  .br0-m {
    border-radius: 0;
  }

  .br1-m {
    border-radius: 0.125rem;
  }

  .br2-m {
    border-radius: 0.25rem;
  }

  .br3-m {
    border-radius: 0.5rem;
  }

  .br4-m {
    border-radius: 1rem;
  }

  .br-100-m {
    border-radius: 100%;
  }

  .br-pill-m {
    border-radius: 9999px;
  }

  .br--bottom-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br--top-m {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br--right-m {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br--left-m {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (min-width: 60em) {
  .br0-l {
    border-radius: 0;
  }

  .br1-l {
    border-radius: 0.125rem;
  }

  .br2-l {
    border-radius: 0.25rem;
  }

  .br3-l {
    border-radius: 0.5rem;
  }

  .br4-l {
    border-radius: 1rem;
  }

  .br-100-l {
    border-radius: 100%;
  }

  .br-pill-l {
    border-radius: 9999px;
  }

  .br--bottom-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br--top-l {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br--right-l {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br--left-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

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

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

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

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

@media screen and (min-width: 42em) {
  .b--dotted-ns {
    border-style: dotted;
  }

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

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

  .b--none-ns {
    border-style: none;
  }
}
@media screen and (min-width: 42em) {
  .b--dotted-m {
    border-style: dotted;
  }

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

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

  .b--none-m {
    border-style: none;
  }
}
@media screen and (min-width: 60em) {
  .b--dotted-l {
    border-style: dotted;
  }

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

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

  .b--none-l {
    border-style: none;
  }
}
/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.bw0 {
  border-width: 0;
}

.bw1 {
  border-width: 0.125rem;
}

.bw2 {
  border-width: 0.25rem;
}

.bw3 {
  border-width: 0.5rem;
}

.bw4 {
  border-width: 1rem;
}

.bw5 {
  border-width: 2rem;
}

/* Resets */
.bt-0 {
  border-top-width: 0;
}

.br-0 {
  border-right-width: 0;
}

.bb-0 {
  border-bottom-width: 0;
}

.bl-0 {
  border-left-width: 0;
}

@media screen and (min-width: 42em) {
  .bw0-ns {
    border-width: 0;
  }

  .bw1-ns {
    border-width: 0.125rem;
  }

  .bw2-ns {
    border-width: 0.25rem;
  }

  .bw3-ns {
    border-width: 0.5rem;
  }

  .bw4-ns {
    border-width: 1rem;
  }

  .bw5-ns {
    border-width: 2rem;
  }

  .bt-0-ns {
    border-top-width: 0;
  }

  .br-0-ns {
    border-right-width: 0;
  }

  .bb-0-ns {
    border-bottom-width: 0;
  }

  .bl-0-ns {
    border-left-width: 0;
  }
}
@media screen and (min-width: 42em) {
  .bw0-m {
    border-width: 0;
  }

  .bw1-m {
    border-width: 0.125rem;
  }

  .bw2-m {
    border-width: 0.25rem;
  }

  .bw3-m {
    border-width: 0.5rem;
  }

  .bw4-m {
    border-width: 1rem;
  }

  .bw5-m {
    border-width: 2rem;
  }

  .bt-0-m {
    border-top-width: 0;
  }

  .br-0-m {
    border-right-width: 0;
  }

  .bb-0-m {
    border-bottom-width: 0;
  }

  .bl-0-m {
    border-left-width: 0;
  }
}
@media screen and (min-width: 60em) {
  .bw0-l {
    border-width: 0;
  }

  .bw1-l {
    border-width: 0.125rem;
  }

  .bw2-l {
    border-width: 0.25rem;
  }

  .bw3-l {
    border-width: 0.5rem;
  }

  .bw4-l {
    border-width: 1rem;
  }

  .bw5-l {
    border-width: 2rem;
  }

  .bt-0-l {
    border-top-width: 0;
  }

  .br-0-l {
    border-right-width: 0;
  }

  .bb-0-l {
    border-bottom-width: 0;
  }

  .bl-0-l {
    border-left-width: 0;
  }
}
/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
.shadow-1 {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-2 {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

.shadow-3 {
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-4 {
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.shadow-5 {
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 42em) {
  .shadow-1-ns {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-2-ns {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-3-ns {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-4-ns {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }

  .shadow-5-ns {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 42em) {
  .shadow-1-m {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-2-m {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-3-m {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-4-m {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }

  .shadow-5-m {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 60em) {
  .shadow-1-l {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-2-l {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-3-l {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }

  .shadow-4-l {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }

  .shadow-5-l {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}
/*

   CODE

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

/* Variables */
/* Spacing Scale - based on a ratio of 1:2 */
/* Media Queries */
/*
  COLUMNS

  A six step powers of two scale ranging from 0 to 4rem.
  Namespaces are composable and thus highly grockable - check the legend below

  Legend:

  cc = column-count
  cg = column-gap

  0 = none
  1 = 1st step in spacing scale
  2 = 2nd step in spacing scale
  3 = 3rd step in spacing scale
  4 = 4th step in spacing scale
  5 = 5th step in spacing scale

*/
.cc2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.cc3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.cc4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.cc5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

.cc6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
}

.cg0 {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}

.cg1 {
  -webkit-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.cg2 {
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.cg3 {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.cg4 {
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.cg5 {
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
}

@media screen and (min-width: 30em) {
  .cc1-s {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .cc2-s {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .cc3-s {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .cc4-s {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .cc5-s {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  .cc6-s {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  .cg0-s {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .cg1-s {
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .cg2-s {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .cg3-s {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .cg4-s {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .cg5-s {
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }
}
@media screen and (min-width: 42em) {
  .cc1-m {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .cc2-m {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .cc3-m {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .cc4-m {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .cc5-m {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  .cc6-m {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  .cg0-m {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .cg1-m {
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .cg2-m {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .cg3-m {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .cg4-m {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .cg5-m {
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }
}
@media screen and (min-width: 60em) {
  .cc1-l {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .cc2-l {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .cc3-l {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .cc4-l {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .cc5-l {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  .cc6-l {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  .cg0-l {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .cg1-l {
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .cg2-l {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .cg3-l {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .cg4-l {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .cg5-l {
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }
}
/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-1 {
  top: 1rem;
}

.right-1 {
  right: 1rem;
}

.bottom-1 {
  bottom: 1rem;
}

.left-1 {
  left: 1rem;
}

.top-2 {
  top: 2rem;
}

.right-2 {
  right: 2rem;
}

.bottom-2 {
  bottom: 2rem;
}

.left-2 {
  left: 2rem;
}

.top--1 {
  top: -1rem;
}

.right--1 {
  right: -1rem;
}

.bottom--1 {
  bottom: -1rem;
}

.left--1 {
  left: -1rem;
}

.top--2 {
  top: -2rem;
}

.right--2 {
  right: -2rem;
}

.bottom--2 {
  bottom: -2rem;
}

.left--2 {
  left: -2rem;
}

.absolute--fill {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 42em) {
  .top-0-ns {
    top: 0;
  }

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

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

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

  .top-1-ns {
    top: 1rem;
  }

  .left-1-ns {
    left: 1rem;
  }

  .right-1-ns {
    right: 1rem;
  }

  .bottom-1-ns {
    bottom: 1rem;
  }

  .top-2-ns {
    top: 2rem;
  }

  .left-2-ns {
    left: 2rem;
  }

  .right-2-ns {
    right: 2rem;
  }

  .bottom-2-ns {
    bottom: 2rem;
  }

  .top--1-ns {
    top: -1rem;
  }

  .right--1-ns {
    right: -1rem;
  }

  .bottom--1-ns {
    bottom: -1rem;
  }

  .left--1-ns {
    left: -1rem;
  }

  .top--2-ns {
    top: -2rem;
  }

  .right--2-ns {
    right: -2rem;
  }

  .bottom--2-ns {
    bottom: -2rem;
  }

  .left--2-ns {
    left: -2rem;
  }

  .absolute--fill-ns {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 42em) {
  .top-0-m {
    top: 0;
  }

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

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

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

  .top-1-m {
    top: 1rem;
  }

  .left-1-m {
    left: 1rem;
  }

  .right-1-m {
    right: 1rem;
  }

  .bottom-1-m {
    bottom: 1rem;
  }

  .top-2-m {
    top: 2rem;
  }

  .left-2-m {
    left: 2rem;
  }

  .right-2-m {
    right: 2rem;
  }

  .bottom-2-m {
    bottom: 2rem;
  }

  .top--1-m {
    top: -1rem;
  }

  .right--1-m {
    right: -1rem;
  }

  .bottom--1-m {
    bottom: -1rem;
  }

  .left--1-m {
    left: -1rem;
  }

  .top--2-m {
    top: -2rem;
  }

  .right--2-m {
    right: -2rem;
  }

  .bottom--2-m {
    bottom: -2rem;
  }

  .left--2-m {
    left: -2rem;
  }

  .absolute--fill-m {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 60em) {
  .top-0-l {
    top: 0;
  }

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

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

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

  .top-1-l {
    top: 1rem;
  }

  .left-1-l {
    left: 1rem;
  }

  .right-1-l {
    right: 1rem;
  }

  .bottom-1-l {
    bottom: 1rem;
  }

  .top-2-l {
    top: 2rem;
  }

  .left-2-l {
    left: 2rem;
  }

  .right-2-l {
    right: 2rem;
  }

  .bottom-2-l {
    bottom: 2rem;
  }

  .top--1-l {
    top: -1rem;
  }

  .right--1-l {
    right: -1rem;
  }

  .bottom--1-l {
    bottom: -1rem;
  }

  .left--1-l {
    left: -1rem;
  }

  .top--2-l {
    top: -2rem;
  }

  .right--2-l {
    right: -2rem;
  }

  .bottom--2-l {
    bottom: -2rem;
  }

  .left--2-l {
    left: -2rem;
  }

  .absolute--fill-l {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
/*

   CLEARFIX
   http://tachyons.io/docs/layout/clearfix/

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cb {
  clear: both;
}

.cn {
  clear: none;
}

@media screen and (min-width: 42em) {
  .cl-ns {
    clear: left;
  }

  .cr-ns {
    clear: right;
  }

  .cb-ns {
    clear: both;
  }

  .cn-ns {
    clear: none;
  }
}
@media screen and (min-width: 42em) {
  .cl-m {
    clear: left;
  }

  .cr-m {
    clear: right;
  }

  .cb-m {
    clear: both;
  }

  .cn-m {
    clear: none;
  }
}
@media screen and (min-width: 60em) {
  .cl-l {
    clear: left;
  }

  .cr-l {
    clear: right;
  }

  .cb-l {
    clear: both;
  }

  .cn-l {
    clear: none;
  }
}
/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    t-row          = table-row
    t-columm       = table-column
    t-column-group = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.dn {
  display: none;
}

.di {
  display: inline;
}

.db {
  display: block;
}

.dib {
  display: inline-block;
}

.dit {
  display: inline-table;
}

.dt {
  display: table;
}

.dtc {
  display: table-cell;
}

.dt-row {
  display: table-row;
}

.dt-row-group {
  display: table-row-group;
}

.dt-column {
  display: table-column;
}

.dt-column-group {
  display: table-column-group;
}

/*
  This will set table to full width and then
  all cells will be equal width
*/
.dt--fixed {
  table-layout: fixed;
  width: 100%;
}

@media screen and (min-width: 42em) {
  .dn-ns {
    display: none;
  }

  .di-ns {
    display: inline;
  }

  .db-ns {
    display: block;
  }

  .dib-ns {
    display: inline-block;
  }

  .dit-ns {
    display: inline-table;
  }

  .dt-ns {
    display: table;
  }

  .dtc-ns {
    display: table-cell;
  }

  .dt-row-ns {
    display: table-row;
  }

  .dt-row-group-ns {
    display: table-row-group;
  }

  .dt-column-ns {
    display: table-column;
  }

  .dt-column-group-ns {
    display: table-column-group;
  }

  .dt--fixed-ns {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 30em) {
  .dn-s {
    display: none;
  }

  .di-s {
    display: inline;
  }

  .db-s {
    display: block;
  }

  .dib-s {
    display: inline-block;
  }

  .dit-s {
    display: inline-table;
  }

  .dt-s {
    display: table;
  }

  .dtc-s {
    display: table-cell;
  }

  .dt-row-s {
    display: table-row;
  }

  .dt-row-group-s {
    display: table-row-group;
  }

  .dt-column-s {
    display: table-column;
  }

  .dt-column-group-s {
    display: table-column-group;
  }

  .dt--fixed-s {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 42em) {
  .dn-m {
    display: none;
  }

  .di-m {
    display: inline;
  }

  .db-m {
    display: block;
  }

  .dib-m {
    display: inline-block;
  }

  .dit-m {
    display: inline-table;
  }

  .dt-m {
    display: table;
  }

  .dtc-m {
    display: table-cell;
  }

  .dt-row-m {
    display: table-row;
  }

  .dt-row-group-m {
    display: table-row-group;
  }

  .dt-column-m {
    display: table-column;
  }

  .dt-column-group-m {
    display: table-column-group;
  }

  .dt--fixed-m {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 60em) {
  .dn-l {
    display: none;
  }

  .di-l {
    display: inline;
  }

  .db-l {
    display: block;
  }

  .dib-l {
    display: inline-block;
  }

  .dit-l {
    display: inline-table;
  }

  .dt-l {
    display: table;
  }

  .dtc-l {
    display: table-cell;
  }

  .dt-row-l {
    display: table-row;
  }

  .dt-row-group-l {
    display: table-row-group;
  }

  .dt-column-l {
    display: table-column;
  }

  .dt-column-group-l {
    display: table-column-group;
  }

  .dt--fixed-l {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 70em) {
  .dn-xl {
    display: none;
  }

  .di-xl {
    display: inline;
  }

  .db-xl {
    display: block;
  }

  .dib-xl {
    display: inline-block;
  }

  .dit-xl {
    display: inline-table;
  }

  .dt-xl {
    display: table;
  }

  .dtc-xl {
    display: table-cell;
  }

  .dt-row-xl {
    display: table-row;
  }

  .dt-row-group-xl {
    display: table-row-group;
  }

  .dt-column-xl {
    display: table-column;
  }

  .dt-column-group-xl {
    display: table-column-group;
  }

  .dt--fixed-xl {
    table-layout: fixed;
    width: 100%;
  }
}
/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
.flex {
  display: flex;
}

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

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */
}

.flex-none {
  flex: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-last {
  order: 99999;
}

@media screen and (min-width: 42em) {
  .flex-ns {
    display: flex;
  }

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

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

  .flex-none-ns {
    flex: none;
  }

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

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

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

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

  .flex-row-reverse-ns {
    flex-direction: row-reverse;
  }

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

  .items-start-ns {
    align-items: flex-start;
  }

  .items-end-ns {
    align-items: flex-end;
  }

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

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

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

  .self-start-ns {
    align-self: flex-start;
  }

  .self-end-ns {
    align-self: flex-end;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-0-ns {
    order: 0;
  }

  .order-1-ns {
    order: 1;
  }

  .order-2-ns {
    order: 2;
  }

  .order-3-ns {
    order: 3;
  }

  .order-4-ns {
    order: 4;
  }

  .order-5-ns {
    order: 5;
  }

  .order-6-ns {
    order: 6;
  }

  .order-7-ns {
    order: 7;
  }

  .order-8-ns {
    order: 8;
  }

  .order-last-ns {
    order: 99999;
  }
}
@media screen and (min-width: 30em) {
  .flex-s {
    display: flex;
  }

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

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

  .flex-none-s {
    flex: none;
  }

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

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

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

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

  .flex-row-reverse-s {
    flex-direction: row-reverse;
  }

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

  .items-start-s {
    align-items: flex-start;
  }

  .items-end-s {
    align-items: flex-end;
  }

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

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

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

  .self-start-s {
    align-self: flex-start;
  }

  .self-end-s {
    align-self: flex-end;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-0-s {
    order: 0;
  }

  .order-1-s {
    order: 1;
  }

  .order-2-s {
    order: 2;
  }

  .order-3-s {
    order: 3;
  }

  .order-4-s {
    order: 4;
  }

  .order-5-s {
    order: 5;
  }

  .order-6-s {
    order: 6;
  }

  .order-7-s {
    order: 7;
  }

  .order-8-s {
    order: 8;
  }

  .order-last-s {
    order: 99999;
  }
}
@media screen and (min-width: 42em) {
  .flex-m {
    display: flex;
  }

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

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

  .flex-none-m {
    flex: none;
  }

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

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

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

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

  .flex-row-reverse-m {
    flex-direction: row-reverse;
  }

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

  .items-start-m {
    align-items: flex-start;
  }

  .items-end-m {
    align-items: flex-end;
  }

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

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

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

  .self-start-m {
    align-self: flex-start;
  }

  .self-end-m {
    align-self: flex-end;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-0-m {
    order: 0;
  }

  .order-1-m {
    order: 1;
  }

  .order-2-m {
    order: 2;
  }

  .order-3-m {
    order: 3;
  }

  .order-4-m {
    order: 4;
  }

  .order-5-m {
    order: 5;
  }

  .order-6-m {
    order: 6;
  }

  .order-7-m {
    order: 7;
  }

  .order-8-m {
    order: 8;
  }

  .order-last-m {
    order: 99999;
  }
}
@media screen and (min-width: 60em) {
  .flex-l {
    display: flex;
  }

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

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

  .flex-none-l {
    flex: none;
  }

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

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

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

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

  .flex-row-reverse-l {
    flex-direction: row-reverse;
  }

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

  .items-start-l {
    align-items: flex-start;
  }

  .items-end-l {
    align-items: flex-end;
  }

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

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

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

  .self-start-l {
    align-self: flex-start;
  }

  .self-end-l {
    align-self: flex-end;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-0-l {
    order: 0;
  }

  .order-1-l {
    order: 1;
  }

  .order-2-l {
    order: 2;
  }

  .order-3-l {
    order: 3;
  }

  .order-4-l {
    order: 4;
  }

  .order-5-l {
    order: 5;
  }

  .order-6-l {
    order: 6;
  }

  .order-7-l {
    order: 7;
  }

  .order-8-l {
    order: 8;
  }

  .order-last-l {
    order: 99999;
  }
}
@media screen and (min-width: 70em) {
  .flex-xl {
    display: flex;
  }

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

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

  .flex-none-xl {
    flex: none;
  }

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

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

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

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

  .flex-row-reverse-xl {
    flex-direction: row-reverse;
  }

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

  .items-start-xl {
    align-items: flex-start;
  }

  .items-end-xl {
    align-items: flex-end;
  }

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

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

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

  .self-start-xl {
    align-self: flex-start;
  }

  .self-end-xl {
    align-self: flex-end;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-0-xl {
    order: 0;
  }

  .order-1-xl {
    order: 1;
  }

  .order-2-xl {
    order: 2;
  }

  .order-3-xl {
    order: 3;
  }

  .order-4-xl {
    order: 4;
  }

  .order-5-xl {
    order: 5;
  }

  .order-6-xl {
    order: 6;
  }

  .order-7-xl {
    order: 7;
  }

  .order-8-xl {
    order: 8;
  }

  .order-last-xl {
    order: 99999;
  }
}
/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.fl {
  float: left;
  _display: inline;
}

.fr {
  float: right;
  _display: inline;
}

.fn {
  float: none;
}

@media screen and (min-width: 42em) {
  .fl-ns {
    float: left;
    _display: inline;
  }

  .fr-ns {
    float: right;
    _display: inline;
  }

  .fn-ns {
    float: none;
  }
}
@media screen and (min-width: 42em) {
  .fl-m {
    float: left;
    _display: inline;
  }

  .fr-m {
    float: right;
    _display: inline;
  }

  .fn-m {
    float: none;
  }
}
@media screen and (min-width: 60em) {
  .fl-l {
    float: left;
    _display: inline;
  }

  .fr-l {
    float: right;
    _display: inline;
  }

  .fn-l {
    float: none;
  }
}
/*

   FONT FAMILY GROUPS
   Docs: http://tachyons.io/docs/typography/font-family/

*/
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url("fonts/36018B_0_0.eot");
  src: url("fonts/36018B_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/36018B_0_0.woff2") format("woff2"), url("fonts/36018B_0_0.woff") format("woff"), url("fonts/36018B_0_0.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url("fonts/36018B_2_0.eot");
  src: url("fonts/36018B_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/36018B_2_0.woff2") format("woff2"), url("fonts/36018B_2_0.woff") format("woff"), url("fonts/36018B_2_0.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url("fonts/36018B_4_0.eot");
  src: url("fonts/36018B_4_0.eot?#iefix") format("embedded-opentype"), url("fonts/36018B_4_0.woff2") format("woff2"), url("fonts/36018B_4_0.woff") format("woff"), url("fonts/36018B_4_0.ttf") format("truetype");
  font-weight: 700;
}
.sans-serif {
  font-family: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.serif {
  font-family: "Faustina", Georgia, Times, serif;
}

/* Monospaced Typefaces (for code) */
/* From http://cssfontstack.com */
code, .code {
  font-family: Consolas, monaco, monospace;
}

/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.i {
  font-style: italic;
}

.fs-normal {
  font-style: normal;
}

@media screen and (min-width: 42em) {
  .i-ns {
    font-style: italic;
  }

  .fs-normal-ns {
    font-style: normal;
  }
}
@media screen and (min-width: 42em) {
  .i-m {
    font-style: italic;
  }

  .fs-normal-m {
    font-style: normal;
  }
}
@media screen and (min-width: 60em) {
  .i-l {
    font-style: italic;
  }

  .fs-normal-l {
    font-style: normal;
  }
}
/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

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

.b {
  font-weight: bold;
}

.fw1 {
  font-weight: 100;
}

.fw2 {
  font-weight: 200;
}

.fw3 {
  font-weight: 300;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.fw8 {
  font-weight: 800;
}

.fw9 {
  font-weight: 900;
}

@media screen and (min-width: 42em) {
  .normal-ns {
    font-weight: normal;
  }

  .b-ns {
    font-weight: bold;
  }

  .fw1-ns {
    font-weight: 100;
  }

  .fw2-ns {
    font-weight: 200;
  }

  .fw3-ns {
    font-weight: 300;
  }

  .fw4-ns {
    font-weight: 400;
  }

  .fw5-ns {
    font-weight: 500;
  }

  .fw6-ns {
    font-weight: 600;
  }

  .fw7-ns {
    font-weight: 700;
  }

  .fw8-ns {
    font-weight: 800;
  }

  .fw9-ns {
    font-weight: 900;
  }
}
@media screen and (min-width: 42em) {
  .normal-m {
    font-weight: normal;
  }

  .b-m {
    font-weight: bold;
  }

  .fw1-m {
    font-weight: 100;
  }

  .fw2-m {
    font-weight: 200;
  }

  .fw3-m {
    font-weight: 300;
  }

  .fw4-m {
    font-weight: 400;
  }

  .fw5-m {
    font-weight: 500;
  }

  .fw6-m {
    font-weight: 600;
  }

  .fw7-m {
    font-weight: 700;
  }

  .fw8-m {
    font-weight: 800;
  }

  .fw9-m {
    font-weight: 900;
  }
}
@media screen and (min-width: 60em) {
  .normal-l {
    font-weight: normal;
  }

  .b-l {
    font-weight: bold;
  }

  .fw1-l {
    font-weight: 100;
  }

  .fw2-l {
    font-weight: 200;
  }

  .fw3-l {
    font-weight: 300;
  }

  .fw4-l {
    font-weight: 400;
  }

  .fw5-l {
    font-weight: 500;
  }

  .fw6-l {
    font-weight: 600;
  }

  .fw7-l {
    font-weight: 700;
  }

  .fw8-l {
    font-weight: 800;
  }

  .fw9-l {
    font-weight: 900;
  }
}
/*

   FORMS

*/
.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.resize-none {
  resize: none;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9FA1A7;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9FA1A7;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #9FA1A7;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #9FA1A7;
}

/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

   Modifiers
     1 = 1st step in height scale
     2 = 2nd step in height scale
     3 = 3rd step in height scale
     4 = 4th step in height scale
     5 = 5th step in height scale

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Height Scale */
.h1 {
  height: 1rem;
}

.h2 {
  height: 2rem;
}

.h3 {
  height: 4rem;
}

.h4 {
  height: 8rem;
}

.h5 {
  height: 16rem;
}

/* Height Percentages - Based off of height of parent */
.h-0 {
  height: 0;
}

.h-25 {
  height: 25%;
}

.h-50 {
  height: 50%;
}

.h-75 {
  height: 75%;
}

.h-100 {
  height: 100%;
}

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

/* Screen Height Percentage */
.vh-25 {
  height: 25vh;
}

.vh-50 {
  height: 50vh;
}

.vh-75 {
  height: 75vh;
}

.vh-100 {
  height: 100vh;
}

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

.min-300 {
  min-height: 300px;
}

/* String Properties */
.h-auto {
  height: auto;
}

.h-inherit {
  height: inherit;
}

@media screen and (min-width: 42em) {
  .h1-ns {
    height: 1rem;
  }

  .h2-ns {
    height: 2rem;
  }

  .h3-ns {
    height: 4rem;
  }

  .h4-ns {
    height: 8rem;
  }

  .h5-ns {
    height: 16rem;
  }

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

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

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

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

  .min-h-100-ns {
    min-height: 100%;
  }

  .vh-25-ns {
    height: 25vh;
  }

  .vh-50-ns {
    height: 50vh;
  }

  .vh-75-ns {
    height: 75vh;
  }

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

  .min-vh-100-ns {
    min-height: 100vh;
  }

  .h-auto-ns {
    height: auto;
  }

  .h-inherit-ns {
    height: inherit;
  }
}
@media screen and (min-width: 42em) {
  .h1-m {
    height: 1rem;
  }

  .h2-m {
    height: 2rem;
  }

  .h3-m {
    height: 4rem;
  }

  .h4-m {
    height: 8rem;
  }

  .h5-m {
    height: 16rem;
  }

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

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

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

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

  .min-h-100-m {
    min-height: 100%;
  }

  .vh-25-m {
    height: 25vh;
  }

  .vh-50-m {
    height: 50vh;
  }

  .vh-75-m {
    height: 75vh;
  }

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

  .min-vh-100-m {
    min-height: 100vh;
  }

  .h-auto-m {
    height: auto;
  }

  .h-inherit-m {
    height: inherit;
  }
}
@media screen and (min-width: 60em) {
  .h1-l {
    height: 1rem;
  }

  .h2-l {
    height: 2rem;
  }

  .h3-l {
    height: 4rem;
  }

  .h4-l {
    height: 8rem;
  }

  .h5-l {
    height: 16rem;
  }

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

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

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

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

  .min-h-100-l {
    min-height: 100%;
  }

  .vh-25-l {
    height: 25vh;
  }

  .vh-50-l {
    height: 50vh;
  }

  .vh-75-l {
    height: 75vh;
  }

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

  .min-vh-100-l {
    min-height: 100vh;
  }

  .h-auto-l {
    height: auto;
  }

  .h-inherit-l {
    height: inherit;
  }
}
/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
img {
  max-width: 100%;
  height: auto;
}

.blur-up {
  filter: blur(5px);
  opacity: 0;
  transition: filter 0.5s ease, opacity 0.5s ease;
}
.blur-up.lazyloaded {
  filter: blur(0);
  opacity: 1;
}

.lazyload {
  height: initial;
}

/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.tracked {
  letter-spacing: 0.1em;
}

.tracked-tight {
  letter-spacing: -0.05em;
}

.tracked-mega {
  letter-spacing: 0.25em;
}

@media screen and (min-width: 42em) {
  .tracked-ns {
    letter-spacing: 0.1em;
  }

  .tracked-tight-ns {
    letter-spacing: -0.05em;
  }

  .tracked-mega-ns {
    letter-spacing: 0.25em;
  }
}
@media screen and (min-width: 42em) {
  .tracked-m {
    letter-spacing: 0.1em;
  }

  .tracked-tight-m {
    letter-spacing: -0.05em;
  }

  .tracked-mega-m {
    letter-spacing: 0.25em;
  }
}
@media screen and (min-width: 60em) {
  .tracked-l {
    letter-spacing: 0.1em;
  }

  .tracked-tight-l {
    letter-spacing: -0.05em;
  }

  .tracked-mega-l {
    letter-spacing: 0.25em;
  }
}
/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.lh-solid {
  line-height: 1;
}

.lh-title {
  line-height: 1.25;
}

.lh-copy {
  line-height: 1.5;
}

@media screen and (min-width: 42em) {
  .lh-solid-ns {
    line-height: 1;
  }

  .lh-title-ns {
    line-height: 1.25;
  }

  .lh-copy-ns {
    line-height: 1.5;
  }
}
@media screen and (min-width: 42em) {
  .lh-solid-m {
    line-height: 1;
  }

  .lh-title-m {
    line-height: 1.25;
  }

  .lh-copy-m {
    line-height: 1.5;
  }
}
@media screen and (min-width: 60em) {
  .lh-solid-l {
    line-height: 1;
  }

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

  .lh-copy-l {
    line-height: 1.5;
  }
}
/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
.link {
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s ease-in;
}

.link:link,
.link:visited {
  transition: color 0.15s ease-in;
}

.link:hover {
  transition: color 0.15s ease-in;
}

.link:active {
  transition: color 0.15s ease-in;
}

.link:focus {
  transition: color 0.15s ease-in;
  outline: 1px dotted currentColor;
}

/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/
.list {
  list-style-type: none;
}

/*

   MAX WIDTHS
   Docs: http://tachyons.io/docs/layout/max-widths/

   Base:
     mw = max-width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale
     6 = 6st step in width scale
     7 = 7nd step in width scale
     8 = 8rd step in width scale
     9 = 9th step in width scale

     -100 = literal value 100%

     -none  = string value none


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Max Width Percentages */
.mw-100 {
  max-width: 100%;
}

/* Max Width Scale */
.mw1 {
  max-width: 1rem;
}

.mw2 {
  max-width: 2rem;
}

.mw3 {
  max-width: 4rem;
}

.mw4 {
  max-width: 8rem;
}

.mw5 {
  max-width: 16rem;
}

.mw6 {
  max-width: 32rem;
}

.mw7 {
  max-width: 56rem;
}

.mw8 {
  max-width: 64rem;
}

.mw9 {
  max-width: 88.5rem;
}

/* Max Width String Properties */
.mw-none {
  max-width: none;
}

@media screen and (min-width: 42em) {
  .mw-100-ns {
    max-width: 100%;
  }

  .mw1-ns {
    max-width: 1rem;
  }

  .mw2-ns {
    max-width: 2rem;
  }

  .mw3-ns {
    max-width: 4rem;
  }

  .mw4-ns {
    max-width: 8rem;
  }

  .mw5-ns {
    max-width: 16rem;
  }

  .mw6-ns {
    max-width: 32rem;
  }

  .mw7-ns {
    max-width: 56rem;
  }

  .mw8-ns {
    max-width: 64rem;
  }

  .mw9-ns {
    max-width: 88.5rem;
  }

  .mw-none-ns {
    max-width: none;
  }
}
@media screen and (min-width: 42em) {
  .mw-100-m {
    max-width: 100%;
  }

  .mw1-m {
    max-width: 1rem;
  }

  .mw2-m {
    max-width: 2rem;
  }

  .mw3-m {
    max-width: 4rem;
  }

  .mw4-m {
    max-width: 8rem;
  }

  .mw5-m {
    max-width: 16rem;
  }

  .mw6-m {
    max-width: 32rem;
  }

  .mw7-m {
    max-width: 56rem;
  }

  .mw8-m {
    max-width: 64rem;
  }

  .mw9-m {
    max-width: 88.5rem;
  }

  .mw-none-m {
    max-width: none;
  }
}
@media screen and (min-width: 60em) {
  .mw-100-l {
    max-width: 100%;
  }

  .mw1-l {
    max-width: 1rem;
  }

  .mw2-l {
    max-width: 2rem;
  }

  .mw3-l {
    max-width: 4rem;
  }

  .mw4-l {
    max-width: 8rem;
  }

  .mw5-l {
    max-width: 16rem;
  }

  .mw6-l {
    max-width: 32rem;
  }

  .mw7-l {
    max-width: 56rem;
  }

  .mw8-l {
    max-width: 64rem;
  }

  .mw9-l {
    max-width: 88.5rem;
  }

  .mw-none-l {
    max-width: none;
  }
}
/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/widths/

   Base:
     w = width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale

     -10  = literal value 10%
     -20  = literal value 20%
     -25  = literal value 25%
     -30  = literal value 30%
     -33  = literal value 33%
     -34  = literal value 34%
     -40  = literal value 40%
     -50  = literal value 50%
     -60  = literal value 60%
     -70  = literal value 70%
     -75  = literal value 75%
     -80  = literal value 80%
     -90  = literal value 90%
     -100 = literal value 100%

     -third      = 100% / 3 (Not supported in opera mini or IE8)
     -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
     -auto       = string value auto


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Width Scale */
.w1 {
  width: 1rem;
}

.w2 {
  width: 2rem;
}

.w3 {
  width: 4rem;
}

.w4 {
  width: 8rem;
}

.w5 {
  width: 16rem;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.w-third {
  width: 33.3333333333%;
}

.w-two-thirds {
  width: 66.6666666667%;
}

.w-auto {
  width: auto;
}

@media screen and (min-width: 30em) {
  .w1-s {
    width: 1rem;
  }

  .w2-s {
    width: 2rem;
  }

  .w3-s {
    width: 4rem;
  }

  .w4-s {
    width: 8rem;
  }

  .w5-s {
    width: 16rem;
  }

  .w-10-s {
    width: 10%;
  }

  .w-20-s {
    width: 20%;
  }

  .w-25-s {
    width: 25%;
  }

  .w-30-s {
    width: 30%;
  }

  .w-33-s {
    width: 33%;
  }

  .w-34-s {
    width: 34%;
  }

  .w-40-s {
    width: 40%;
  }

  .w-50-s {
    width: 50%;
  }

  .w-60-s {
    width: 60%;
  }

  .w-70-s {
    width: 70%;
  }

  .w-75-s {
    width: 75%;
  }

  .w-80-s {
    width: 80%;
  }

  .w-90-s {
    width: 90%;
  }

  .w-100-s {
    width: 100%;
  }

  .w-third-s {
    width: 33.3333333333%;
  }

  .w-two-thirds-s {
    width: 66.6666666667%;
  }

  .w-auto-s {
    width: auto;
  }
}
@media screen and (min-width: 42em) {
  .w1-ns {
    width: 1rem;
  }

  .w2-ns {
    width: 2rem;
  }

  .w3-ns {
    width: 4rem;
  }

  .w4-ns {
    width: 8rem;
  }

  .w5-ns {
    width: 16rem;
  }

  .w-10-ns {
    width: 10%;
  }

  .w-20-ns {
    width: 20%;
  }

  .w-25-ns {
    width: 25%;
  }

  .w-30-ns {
    width: 30%;
  }

  .w-33-ns {
    width: 33%;
  }

  .w-34-ns {
    width: 34%;
  }

  .w-40-ns {
    width: 40%;
  }

  .w-50-ns {
    width: 50%;
  }

  .w-60-ns {
    width: 60%;
  }

  .w-70-ns {
    width: 70%;
  }

  .w-75-ns {
    width: 75%;
  }

  .w-80-ns {
    width: 80%;
  }

  .w-90-ns {
    width: 90%;
  }

  .w-100-ns {
    width: 100%;
  }

  .w-third-ns {
    width: 33.3333333333%;
  }

  .w-two-thirds-ns {
    width: 66.6666666667%;
  }

  .w-auto-ns {
    width: auto;
  }
}
@media screen and (min-width: 42em) {
  .w1-m {
    width: 1rem;
  }

  .w2-m {
    width: 2rem;
  }

  .w3-m {
    width: 4rem;
  }

  .w4-m {
    width: 8rem;
  }

  .w5-m {
    width: 16rem;
  }

  .w-10-m {
    width: 10%;
  }

  .w-20-m {
    width: 20%;
  }

  .w-25-m {
    width: 25%;
  }

  .w-30-m {
    width: 30%;
  }

  .w-33-m {
    width: 33%;
  }

  .w-34-m {
    width: 34%;
  }

  .w-40-m {
    width: 40%;
  }

  .w-50-m {
    width: 50%;
  }

  .w-60-m {
    width: 60%;
  }

  .w-70-m {
    width: 70%;
  }

  .w-75-m {
    width: 75%;
  }

  .w-80-m {
    width: 80%;
  }

  .w-90-m {
    width: 90%;
  }

  .w-100-m {
    width: 100%;
  }

  .w-third-m {
    width: 33.3333333333%;
  }

  .w-two-thirds-m {
    width: 66.6666666667%;
  }

  .w-auto-m {
    width: auto;
  }
}
@media screen and (min-width: 60em) {
  .w1-l {
    width: 1rem;
  }

  .w2-l {
    width: 2rem;
  }

  .w3-l {
    width: 4rem;
  }

  .w4-l {
    width: 8rem;
  }

  .w5-l {
    width: 16rem;
  }

  .w-10-l {
    width: 10%;
  }

  .w-20-l {
    width: 20%;
  }

  .w-25-l {
    width: 25%;
  }

  .w-30-l {
    width: 30%;
  }

  .w-33-l {
    width: 33%;
  }

  .w-34-l {
    width: 34%;
  }

  .w-40-l {
    width: 40%;
  }

  .w-50-l {
    width: 50%;
  }

  .w-60-l {
    width: 60%;
  }

  .w-70-l {
    width: 70%;
  }

  .w-75-l {
    width: 75%;
  }

  .w-80-l {
    width: 80%;
  }

  .w-90-l {
    width: 90%;
  }

  .w-100-l {
    width: 100%;
  }

  .w-third-l {
    width: 33.3333333333%;
  }

  .w-two-thirds-l {
    width: 66.6666666667%;
  }

  .w-auto-l {
    width: auto;
  }
}
@media screen and (min-width: 70em) {
  .w1-xl {
    width: 1rem;
  }

  .w2-xl {
    width: 2rem;
  }

  .w3-xl {
    width: 4rem;
  }

  .w4-xl {
    width: 8rem;
  }

  .w5-xl {
    width: 16rem;
  }

  .w-10-xl {
    width: 10%;
  }

  .w-20-xl {
    width: 20%;
  }

  .w-25-xl {
    width: 25%;
  }

  .w-30-xl {
    width: 30%;
  }

  .w-33-xl {
    width: 33%;
  }

  .w-34-xl {
    width: 34%;
  }

  .w-40-xl {
    width: 40%;
  }

  .w-50-xl {
    width: 50%;
  }

  .w-60-xl {
    width: 60%;
  }

  .w-70-xl {
    width: 70%;
  }

  .w-75-xl {
    width: 75%;
  }

  .w-80-xl {
    width: 80%;
  }

  .w-90-xl {
    width: 90%;
  }

  .w-100-xl {
    width: 100%;
  }

  .w-third-xl {
    width: 33.3333333333%;
  }

  .w-two-thirds-xl {
    width: 66.6666666667%;
  }

  .w-auto-xl {
    width: auto;
  }
}
/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

@media screen and (min-width: 42em) {
  .overflow-visible-ns {
    overflow: visible;
  }

  .overflow-hidden-ns {
    overflow: hidden;
  }

  .overflow-scroll-ns {
    overflow: scroll;
  }

  .overflow-auto-ns {
    overflow: auto;
  }

  .overflow-x-visible-ns {
    overflow-x: visible;
  }

  .overflow-x-hidden-ns {
    overflow-x: hidden;
  }

  .overflow-x-scroll-ns {
    overflow-x: scroll;
  }

  .overflow-x-auto-ns {
    overflow-x: auto;
  }

  .overflow-y-visible-ns {
    overflow-y: visible;
  }

  .overflow-y-hidden-ns {
    overflow-y: hidden;
  }

  .overflow-y-scroll-ns {
    overflow-y: scroll;
  }

  .overflow-y-auto-ns {
    overflow-y: auto;
  }
}
@media screen and (min-width: 42em) {
  .overflow-visible-m {
    overflow: visible;
  }

  .overflow-hidden-m {
    overflow: hidden;
  }

  .overflow-scroll-m {
    overflow: scroll;
  }

  .overflow-auto-m {
    overflow: auto;
  }

  .overflow-x-visible-m {
    overflow-x: visible;
  }

  .overflow-x-hidden-m {
    overflow-x: hidden;
  }

  .overflow-x-scroll-m {
    overflow-x: scroll;
  }

  .overflow-x-auto-m {
    overflow-x: auto;
  }

  .overflow-y-visible-m {
    overflow-y: visible;
  }

  .overflow-y-hidden-m {
    overflow-y: hidden;
  }

  .overflow-y-scroll-m {
    overflow-y: scroll;
  }

  .overflow-y-auto-m {
    overflow-y: auto;
  }
}
@media screen and (min-width: 60em) {
  .overflow-visible-l {
    overflow: visible;
  }

  .overflow-hidden-l {
    overflow: hidden;
  }

  .overflow-scroll-l {
    overflow: scroll;
  }

  .overflow-auto-l {
    overflow: auto;
  }

  .overflow-x-visible-l {
    overflow-x: visible;
  }

  .overflow-x-hidden-l {
    overflow-x: hidden;
  }

  .overflow-x-scroll-l {
    overflow-x: scroll;
  }

  .overflow-x-auto-l {
    overflow-x: auto;
  }

  .overflow-y-visible-l {
    overflow-y: visible;
  }

  .overflow-y-hidden-l {
    overflow-y: hidden;
  }

  .overflow-y-scroll-l {
    overflow-y: scroll;
  }

  .overflow-y-auto-l {
    overflow-y: auto;
  }
}
/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

@media screen and (min-width: 42em) {
  .static-ns {
    position: static;
  }

  .relative-ns {
    position: relative;
  }

  .absolute-ns {
    position: absolute;
  }

  .fixed-ns {
    position: fixed;
  }
}
@media screen and (min-width: 42em) {
  .static-m {
    position: static;
  }

  .relative-m {
    position: relative;
  }

  .absolute-m {
    position: absolute;
  }

  .fixed-m {
    position: fixed;
  }
}
@media screen and (min-width: 60em) {
  .static-l {
    position: static;
  }

  .relative-l {
    position: relative;
  }

  .absolute-l {
    position: absolute;
  }

  .fixed-l {
    position: fixed;
  }
}
/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
.o-100 {
  opacity: 1;
}

.o-90 {
  opacity: 0.9;
}

.o-80 {
  opacity: 0.8;
}

.o-70 {
  opacity: 0.7;
}

.o-60 {
  opacity: 0.6;
}

.o-50 {
  opacity: 0.5;
}

.o-40 {
  opacity: 0.4;
}

.o-30 {
  opacity: 0.3;
}

.o-20 {
  opacity: 0.2;
}

.o-10 {
  opacity: 0.1;
}

.o-05 {
  opacity: 0.05;
}

.o-025 {
  opacity: 0.025;
}

.o-0 {
  opacity: 0;
}

/*

   ROTATIONS

*/
.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

@media screen and (min-width: 42em) {
  .rotate-45-ns {
    transform: rotate(45deg);
  }

  .rotate-90-ns {
    transform: rotate(90deg);
  }

  .rotate-135-ns {
    transform: rotate(135deg);
  }

  .rotate-180-ns {
    transform: rotate(180deg);
  }

  .rotate-225-ns {
    transform: rotate(225deg);
  }

  .rotate-270-ns {
    transform: rotate(270deg);
  }

  .rotate-315-ns {
    transform: rotate(315deg);
  }
}
@media screen and (min-width: 42em) {
  .rotate-45-m {
    transform: rotate(45deg);
  }

  .rotate-90-m {
    transform: rotate(90deg);
  }

  .rotate-135-m {
    transform: rotate(135deg);
  }

  .rotate-180-m {
    transform: rotate(180deg);
  }

  .rotate-225-m {
    transform: rotate(225deg);
  }

  .rotate-270-m {
    transform: rotate(270deg);
  }

  .rotate-315-m {
    transform: rotate(315deg);
  }
}
@media screen and (min-width: 60em) {
  .rotate-45-l {
    transform: rotate(45deg);
  }

  .rotate-90-l {
    transform: rotate(90deg);
  }

  .rotate-135-l {
    transform: rotate(135deg);
  }

  .rotate-180-l {
    transform: rotate(180deg);
  }

  .rotate-225-l {
    transform: rotate(225deg);
  }

  .rotate-270-l {
    transform: rotate(270deg);
  }

  .rotate-315-l {
    transform: rotate(315deg);
  }
}
/*

   SKINS
   Docs: http://tachyons.io/docs/themes/skins/

   Classes for setting foreground and background colors on elements.
   If you haven't declared a border color, but set border on an element, it will
   be set to the current text color.

*/
/* Text colors */
.black {
  color: #231F20;
}

.dark-gray {
  color: #50525A;
}

.light-gray {
  color: #F2F2F2;
}

.gray {
  color: #9FA1A7;
}

.white {
  color: #fff;
}

.red {
  color: #EE3124;
}

.color-inherit {
  color: inherit;
}

/* Background colors */
.bg-black {
  background-color: #231F20;
}

.bg-red {
  background-color: #EE3124;
}

.bg-dark-gray {
  background-color: #50525A;
}

.bg-light-gray {
  background-color: #F2F2F2;
}

.bg-gray {
  background-color: #9FA1A7;
}

.bg-white {
  background-color: #fff;
}

.bg-transparent {
  background-color: transparent;
}

.bg-navy {
  background-color: #0E2A4D;
}

.bg-blue {
  background-color: #2776D9;
}

.bg-inherit {
  background-color: inherit;
}

/* Fill colors */
.fill-black {
  fill: #231F20;
}

.fill-dark-gray {
  fill: #50525A;
}

.fill-light-gray {
  fill: #F2F2F2;
}

.fill-gray {
  fill: #9FA1A7;
}

.fill-white {
  fill: #fff;
}

.fill-transparent {
  fill: transparent;
}

.fill-inherit {
  fill: inherit;
}

.fill-red {
  fill: #EE3124;
}

/*

   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.

 */
.hover-black:hover,
.hover-black:focus {
  color: #231F20;
}

.hover-dark-gray:hover,
.hover-dark-gray:focus {
  color: #50525A;
}

.hover-light-gray:hover,
.hover-light-gray:focus {
  color: #F2F2F2;
}

.hover-gray:hover,
.hover-gray:focus {
  color: #9FA1A7;
}

.hover-white:hover,
.hover-white:focus {
  color: #fff;
}

.hover-red:hover,
.hover-red:focus {
  color: #EE3124;
}

.hover-inherit:hover,
.hover-inherit:focus {
  color: inherit;
}

.hover-bg-black:hover,
.hover-bg-black:focus {
  background-color: #231F20;
}

.hover-bg-dark-gray:hover,
.hover-bg-dark-gray:focus {
  background-color: #50525A;
}

.hover-bg-light-gray:hover,
.hover-bg-light-gray:focus {
  background-color: #F2F2F2;
}

.hover-bg-gray:hover,
.hover-bg-gray:focus {
  background-color: #9FA1A7;
}

.hover-bg-white:hover,
.hover-bg-white:focus {
  background-color: #fff;
}

.hover-bg-transparent:hover,
.hover-bg-transparent:focus {
  background-color: transparent;
}

.hover-bg-red:hover,
.hover-bg-red:focus {
  background-color: #EE3124;
}

.hover-transition {
  transition: 0.2s ease;
}

.hover-fill-black:hover,
.hover-fill-black:focus {
  fill: #231F20;
}

.hover-fill-red:hover,
.hover-fill-red:focus {
  fill: #EE3124;
}

.hover-fill-white:hover,
.hover-fill-white:focus {
  fill: #fff;
}

/* Variables */
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -s = not-small
     -m  = medium
     -l  = large

*/
.pa0 {
  padding: 0;
}

.pa1 {
  padding: 0.25rem;
}

.pa2 {
  padding: 0.5rem;
}

.pa3 {
  padding: 1rem;
}

.pa4 {
  padding: 2rem;
}

.pa5 {
  padding: 4rem;
}

.pa6 {
  padding: 8rem;
}

.pa7 {
  padding: 16rem;
}

.pl0 {
  padding-left: 0;
}

.pl1 {
  padding-left: 0.25rem;
}

.pl2 {
  padding-left: 0.5rem;
}

.pl3 {
  padding-left: 1rem;
}

.pl4 {
  padding-left: 2rem;
}

.pl5 {
  padding-left: 4rem;
}

.pl6 {
  padding-left: 8rem;
}

.pl7 {
  padding-left: 16rem;
}

.pr0 {
  padding-right: 0;
}

.pr1 {
  padding-right: 0.25rem;
}

.pr2 {
  padding-right: 0.5rem;
}

.pr3 {
  padding-right: 1rem;
}

.pr4 {
  padding-right: 2rem;
}

.pr5 {
  padding-right: 4rem;
}

.pr6 {
  padding-right: 8rem;
}

.pr7 {
  padding-right: 16rem;
}

.pb0 {
  padding-bottom: 0;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.pb3 {
  padding-bottom: 1rem;
}

.pb4 {
  padding-bottom: 2rem;
}

.pb5 {
  padding-bottom: 4rem;
}

.pb6 {
  padding-bottom: 8rem;
}

.pb7 {
  padding-bottom: 16rem;
}

.pt0 {
  padding-top: 0;
}

.pt1 {
  padding-top: 0.25rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pt3 {
  padding-top: 1rem;
}

.pt4 {
  padding-top: 2rem;
}

.pt5 {
  padding-top: 4rem;
}

.pt6 {
  padding-top: 8rem;
}

.pt7 {
  padding-top: 16rem;
}

.pv0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pv1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pv3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pv4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pv5 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pv6 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pv7 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.ph0 {
  padding-left: 0;
  padding-right: 0;
}

.ph1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ph4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ph5 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.ph6 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.ph7 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.ma0 {
  margin: 0;
}

.ma1 {
  margin: 0.25rem;
}

.ma2 {
  margin: 0.5rem;
}

.ma3 {
  margin: 1rem;
}

.ma4 {
  margin: 2rem;
}

.ma5 {
  margin: 4rem;
}

.ma6 {
  margin: 8rem;
}

.ma7 {
  margin: 16rem;
}

.ml0 {
  margin-left: 0;
}

.ml1 {
  margin-left: 0.25rem;
}

.ml2 {
  margin-left: 0.5rem;
}

.ml3 {
  margin-left: 1rem;
}

.ml4 {
  margin-left: 2rem;
}

.ml5 {
  margin-left: 4rem;
}

.ml6 {
  margin-left: 8rem;
}

.ml7 {
  margin-left: 16rem;
}

.mr0 {
  margin-right: 0;
}

.mr1 {
  margin-right: 0.25rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.mr3 {
  margin-right: 1rem;
}

.mr4 {
  margin-right: 2rem;
}

.mr5 {
  margin-right: 4rem;
}

.mr6 {
  margin-right: 8rem;
}

.mr7 {
  margin-right: 16rem;
}

.mb0 {
  margin-bottom: 0;
}

.mb1 {
  margin-bottom: 0.25rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.mb3 {
  margin-bottom: 1rem;
}

.mb4 {
  margin-bottom: 2rem;
}

.mb5 {
  margin-bottom: 4rem;
}

.mb6 {
  margin-bottom: 8rem;
}

.mb7 {
  margin-bottom: 16rem;
}

.mt0 {
  margin-top: 0;
}

.mt1 {
  margin-top: 0.25rem;
}

.mt2 {
  margin-top: 0.5rem;
}

.mt3 {
  margin-top: 1rem;
}

.mt4 {
  margin-top: 2rem;
}

.mt5 {
  margin-top: 4rem;
}

.mt6 {
  margin-top: 8rem;
}

.mt7 {
  margin-top: 16rem;
}

.mv0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mv1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mv2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mv3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mv4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mv5 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mv6 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mv7 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.mh0 {
  margin-left: 0;
  margin-right: 0;
}

.mh1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mh2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mh3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mh4 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mh5 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mh6 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.mh7 {
  margin-left: 16rem;
  margin-right: 16rem;
}

@media screen and (min-width: 30em) {
  .pa0-s {
    padding: 0;
  }

  .pa1-s {
    padding: 0.25rem;
  }

  .pa2-s {
    padding: 0.5rem;
  }

  .pa3-s {
    padding: 1rem;
  }

  .pa4-s {
    padding: 2rem;
  }

  .pa5-s {
    padding: 4rem;
  }

  .pa6-s {
    padding: 8rem;
  }

  .pa7-s {
    padding: 16rem;
  }

  .pl0-s {
    padding-left: 0;
  }

  .pl1-s {
    padding-left: 0.25rem;
  }

  .pl2-s {
    padding-left: 0.5rem;
  }

  .pl3-s {
    padding-left: 1rem;
  }

  .pl4-s {
    padding-left: 2rem;
  }

  .pl5-s {
    padding-left: 4rem;
  }

  .pl6-s {
    padding-left: 8rem;
  }

  .pl7-s {
    padding-left: 16rem;
  }

  .pr0-s {
    padding-right: 0;
  }

  .pr1-s {
    padding-right: 0.25rem;
  }

  .pr2-s {
    padding-right: 0.5rem;
  }

  .pr3-s {
    padding-right: 1rem;
  }

  .pr4-s {
    padding-right: 2rem;
  }

  .pr5-s {
    padding-right: 4rem;
  }

  .pr6-s {
    padding-right: 8rem;
  }

  .pr7-s {
    padding-right: 16rem;
  }

  .pb0-s {
    padding-bottom: 0;
  }

  .pb1-s {
    padding-bottom: 0.25rem;
  }

  .pb2-s {
    padding-bottom: 0.5rem;
  }

  .pb3-s {
    padding-bottom: 1rem;
  }

  .pb4-s {
    padding-bottom: 2rem;
  }

  .pb5-s {
    padding-bottom: 4rem;
  }

  .pb6-s {
    padding-bottom: 8rem;
  }

  .pb7-s {
    padding-bottom: 16rem;
  }

  .pt0-s {
    padding-top: 0;
  }

  .pt1-s {
    padding-top: 0.25rem;
  }

  .pt2-s {
    padding-top: 0.5rem;
  }

  .pt3-s {
    padding-top: 1rem;
  }

  .pt4-s {
    padding-top: 2rem;
  }

  .pt5-s {
    padding-top: 4rem;
  }

  .pt6-s {
    padding-top: 8rem;
  }

  .pt7-s {
    padding-top: 16rem;
  }

  .pv0-s {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pv1-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .pv2-s {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pv3-s {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .pv4-s {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pv5-s {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pv6-s {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .pv7-s {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .ph0-s {
    padding-left: 0;
    padding-right: 0;
  }

  .ph1-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .ph2-s {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ph3-s {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ph4-s {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ph5-s {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .ph6-s {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .ph7-s {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .ma0-s {
    margin: 0;
  }

  .ma1-s {
    margin: 0.25rem;
  }

  .ma2-s {
    margin: 0.5rem;
  }

  .ma3-s {
    margin: 1rem;
  }

  .ma4-s {
    margin: 2rem;
  }

  .ma5-s {
    margin: 4rem;
  }

  .ma6-s {
    margin: 8rem;
  }

  .ma7-s {
    margin: 16rem;
  }

  .ml0-s {
    margin-left: 0;
  }

  .ml1-s {
    margin-left: 0.25rem;
  }

  .ml2-s {
    margin-left: 0.5rem;
  }

  .ml3-s {
    margin-left: 1rem;
  }

  .ml4-s {
    margin-left: 2rem;
  }

  .ml5-s {
    margin-left: 4rem;
  }

  .ml6-s {
    margin-left: 8rem;
  }

  .ml7-s {
    margin-left: 16rem;
  }

  .mr0-s {
    margin-right: 0;
  }

  .mr1-s {
    margin-right: 0.25rem;
  }

  .mr2-s {
    margin-right: 0.5rem;
  }

  .mr3-s {
    margin-right: 1rem;
  }

  .mr4-s {
    margin-right: 2rem;
  }

  .mr5-s {
    margin-right: 4rem;
  }

  .mr6-s {
    margin-right: 8rem;
  }

  .mr7-s {
    margin-right: 16rem;
  }

  .mb0-s {
    margin-bottom: 0;
  }

  .mb1-s {
    margin-bottom: 0.25rem;
  }

  .mb2-s {
    margin-bottom: 0.5rem;
  }

  .mb3-s {
    margin-bottom: 1rem;
  }

  .mb4-s {
    margin-bottom: 2rem;
  }

  .mb5-s {
    margin-bottom: 4rem;
  }

  .mb6-s {
    margin-bottom: 8rem;
  }

  .mb7-s {
    margin-bottom: 16rem;
  }

  .mt0-s {
    margin-top: 0;
  }

  .mt1-s {
    margin-top: 0.25rem;
  }

  .mt2-s {
    margin-top: 0.5rem;
  }

  .mt3-s {
    margin-top: 1rem;
  }

  .mt4-s {
    margin-top: 2rem;
  }

  .mt5-s {
    margin-top: 4rem;
  }

  .mt6-s {
    margin-top: 8rem;
  }

  .mt7-s {
    margin-top: 16rem;
  }

  .mv0-s {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mv1-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .mv2-s {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mv3-s {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .mv4-s {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .mv5-s {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .mv6-s {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .mv7-s {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .mh0-s {
    margin-left: 0;
    margin-right: 0;
  }

  .mh1-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .mh2-s {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .mh3-s {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .mh4-s {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .mh5-s {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .mh6-s {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .mh7-s {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media screen and (min-width: 42em) {
  .pa0-m {
    padding: 0;
  }

  .pa1-m {
    padding: 0.25rem;
  }

  .pa2-m {
    padding: 0.5rem;
  }

  .pa3-m {
    padding: 1rem;
  }

  .pa4-m {
    padding: 2rem;
  }

  .pa5-m {
    padding: 4rem;
  }

  .pa6-m {
    padding: 8rem;
  }

  .pa7-m {
    padding: 16rem;
  }

  .pl0-m {
    padding-left: 0;
  }

  .pl1-m {
    padding-left: 0.25rem;
  }

  .pl2-m {
    padding-left: 0.5rem;
  }

  .pl3-m {
    padding-left: 1rem;
  }

  .pl4-m {
    padding-left: 2rem;
  }

  .pl5-m {
    padding-left: 4rem;
  }

  .pl6-m {
    padding-left: 8rem;
  }

  .pl7-m {
    padding-left: 16rem;
  }

  .pr0-m {
    padding-right: 0;
  }

  .pr1-m {
    padding-right: 0.25rem;
  }

  .pr2-m {
    padding-right: 0.5rem;
  }

  .pr3-m {
    padding-right: 1rem;
  }

  .pr4-m {
    padding-right: 2rem;
  }

  .pr5-m {
    padding-right: 4rem;
  }

  .pr6-m {
    padding-right: 8rem;
  }

  .pr7-m {
    padding-right: 16rem;
  }

  .pb0-m {
    padding-bottom: 0;
  }

  .pb1-m {
    padding-bottom: 0.25rem;
  }

  .pb2-m {
    padding-bottom: 0.5rem;
  }

  .pb3-m {
    padding-bottom: 1rem;
  }

  .pb4-m {
    padding-bottom: 2rem;
  }

  .pb5-m {
    padding-bottom: 4rem;
  }

  .pb6-m {
    padding-bottom: 8rem;
  }

  .pb7-m {
    padding-bottom: 16rem;
  }

  .pt0-m {
    padding-top: 0;
  }

  .pt1-m {
    padding-top: 0.25rem;
  }

  .pt2-m {
    padding-top: 0.5rem;
  }

  .pt3-m {
    padding-top: 1rem;
  }

  .pt4-m {
    padding-top: 2rem;
  }

  .pt5-m {
    padding-top: 4rem;
  }

  .pt6-m {
    padding-top: 8rem;
  }

  .pt7-m {
    padding-top: 16rem;
  }

  .pv0-m {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pv1-m {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .pv2-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pv3-m {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .pv4-m {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pv5-m {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pv6-m {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .pv7-m {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .ph0-m {
    padding-left: 0;
    padding-right: 0;
  }

  .ph1-m {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .ph2-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ph3-m {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ph4-m {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ph5-m {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .ph6-m {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .ph7-m {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .ma0-m {
    margin: 0;
  }

  .ma1-m {
    margin: 0.25rem;
  }

  .ma2-m {
    margin: 0.5rem;
  }

  .ma3-m {
    margin: 1rem;
  }

  .ma4-m {
    margin: 2rem;
  }

  .ma5-m {
    margin: 4rem;
  }

  .ma6-m {
    margin: 8rem;
  }

  .ma7-m {
    margin: 16rem;
  }

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

  .ml1-m {
    margin-left: 0.25rem;
  }

  .ml2-m {
    margin-left: 0.5rem;
  }

  .ml3-m {
    margin-left: 1rem;
  }

  .ml4-m {
    margin-left: 2rem;
  }

  .ml5-m {
    margin-left: 4rem;
  }

  .ml6-m {
    margin-left: 8rem;
  }

  .ml7-m {
    margin-left: 16rem;
  }

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

  .mr1-m {
    margin-right: 0.25rem;
  }

  .mr2-m {
    margin-right: 0.5rem;
  }

  .mr3-m {
    margin-right: 1rem;
  }

  .mr4-m {
    margin-right: 2rem;
  }

  .mr5-m {
    margin-right: 4rem;
  }

  .mr6-m {
    margin-right: 8rem;
  }

  .mr7-m {
    margin-right: 16rem;
  }

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

  .mb1-m {
    margin-bottom: 0.25rem;
  }

  .mb2-m {
    margin-bottom: 0.5rem;
  }

  .mb3-m {
    margin-bottom: 1rem;
  }

  .mb4-m {
    margin-bottom: 2rem;
  }

  .mb5-m {
    margin-bottom: 4rem;
  }

  .mb6-m {
    margin-bottom: 8rem;
  }

  .mb7-m {
    margin-bottom: 16rem;
  }

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

  .mt1-m {
    margin-top: 0.25rem;
  }

  .mt2-m {
    margin-top: 0.5rem;
  }

  .mt3-m {
    margin-top: 1rem;
  }

  .mt4-m {
    margin-top: 2rem;
  }

  .mt5-m {
    margin-top: 4rem;
  }

  .mt6-m {
    margin-top: 8rem;
  }

  .mt7-m {
    margin-top: 16rem;
  }

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

  .mv1-m {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .mv2-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mv3-m {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .mv4-m {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .mv5-m {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .mv6-m {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .mv7-m {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

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

  .mh1-m {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .mh2-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .mh3-m {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .mh4-m {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .mh5-m {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .mh6-m {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .mh7-m {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media screen and (min-width: 60em) {
  .pa0-l {
    padding: 0;
  }

  .pa1-l {
    padding: 0.25rem;
  }

  .pa2-l {
    padding: 0.5rem;
  }

  .pa3-l {
    padding: 1rem;
  }

  .pa4-l {
    padding: 2rem;
  }

  .pa5-l {
    padding: 4rem;
  }

  .pa6-l {
    padding: 8rem;
  }

  .pa7-l {
    padding: 16rem;
  }

  .pl0-l {
    padding-left: 0;
  }

  .pl1-l {
    padding-left: 0.25rem;
  }

  .pl2-l {
    padding-left: 0.5rem;
  }

  .pl3-l {
    padding-left: 1rem;
  }

  .pl4-l {
    padding-left: 2rem;
  }

  .pl5-l {
    padding-left: 4rem;
  }

  .pl6-l {
    padding-left: 8rem;
  }

  .pl7-l {
    padding-left: 16rem;
  }

  .pr0-l {
    padding-right: 0;
  }

  .pr1-l {
    padding-right: 0.25rem;
  }

  .pr2-l {
    padding-right: 0.5rem;
  }

  .pr3-l {
    padding-right: 1rem;
  }

  .pr4-l {
    padding-right: 2rem;
  }

  .pr5-l {
    padding-right: 4rem;
  }

  .pr6-l {
    padding-right: 8rem;
  }

  .pr7-l {
    padding-right: 16rem;
  }

  .pb0-l {
    padding-bottom: 0;
  }

  .pb1-l {
    padding-bottom: 0.25rem;
  }

  .pb2-l {
    padding-bottom: 0.5rem;
  }

  .pb3-l {
    padding-bottom: 1rem;
  }

  .pb4-l {
    padding-bottom: 2rem;
  }

  .pb5-l {
    padding-bottom: 4rem;
  }

  .pb6-l {
    padding-bottom: 8rem;
  }

  .pb7-l {
    padding-bottom: 16rem;
  }

  .pt0-l {
    padding-top: 0;
  }

  .pt1-l {
    padding-top: 0.25rem;
  }

  .pt2-l {
    padding-top: 0.5rem;
  }

  .pt3-l {
    padding-top: 1rem;
  }

  .pt4-l {
    padding-top: 2rem;
  }

  .pt5-l {
    padding-top: 4rem;
  }

  .pt6-l {
    padding-top: 8rem;
  }

  .pt7-l {
    padding-top: 16rem;
  }

  .pv0-l {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pv1-l {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .pv2-l {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pv3-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .pv4-l {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pv5-l {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pv6-l {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .pv7-l {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .ph0-l {
    padding-left: 0;
    padding-right: 0;
  }

  .ph1-l {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .ph2-l {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ph3-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ph4-l {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ph5-l {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .ph6-l {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .ph7-l {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .ma0-l {
    margin: 0;
  }

  .ma1-l {
    margin: 0.25rem;
  }

  .ma2-l {
    margin: 0.5rem;
  }

  .ma3-l {
    margin: 1rem;
  }

  .ma4-l {
    margin: 2rem;
  }

  .ma5-l {
    margin: 4rem;
  }

  .ma6-l {
    margin: 8rem;
  }

  .ma7-l {
    margin: 16rem;
  }

  .ml0-l {
    margin-left: 0;
  }

  .ml1-l {
    margin-left: 0.25rem;
  }

  .ml2-l {
    margin-left: 0.5rem;
  }

  .ml3-l {
    margin-left: 1rem;
  }

  .ml4-l {
    margin-left: 2rem;
  }

  .ml5-l {
    margin-left: 4rem;
  }

  .ml6-l {
    margin-left: 8rem;
  }

  .ml7-l {
    margin-left: 16rem;
  }

  .mr0-l {
    margin-right: 0;
  }

  .mr1-l {
    margin-right: 0.25rem;
  }

  .mr2-l {
    margin-right: 0.5rem;
  }

  .mr3-l {
    margin-right: 1rem;
  }

  .mr4-l {
    margin-right: 2rem;
  }

  .mr5-l {
    margin-right: 4rem;
  }

  .mr6-l {
    margin-right: 8rem;
  }

  .mr7-l {
    margin-right: 16rem;
  }

  .mb0-l {
    margin-bottom: 0;
  }

  .mb1-l {
    margin-bottom: 0.25rem;
  }

  .mb2-l {
    margin-bottom: 0.5rem;
  }

  .mb3-l {
    margin-bottom: 1rem;
  }

  .mb4-l {
    margin-bottom: 2rem;
  }

  .mb5-l {
    margin-bottom: 4rem;
  }

  .mb6-l {
    margin-bottom: 8rem;
  }

  .mb7-l {
    margin-bottom: 16rem;
  }

  .mt0-l {
    margin-top: 0;
  }

  .mt1-l {
    margin-top: 0.25rem;
  }

  .mt2-l {
    margin-top: 0.5rem;
  }

  .mt3-l {
    margin-top: 1rem;
  }

  .mt4-l {
    margin-top: 2rem;
  }

  .mt5-l {
    margin-top: 4rem;
  }

  .mt6-l {
    margin-top: 8rem;
  }

  .mt7-l {
    margin-top: 16rem;
  }

  .mv0-l {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mv1-l {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .mv2-l {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mv3-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .mv4-l {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .mv5-l {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .mv6-l {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .mv7-l {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .mh0-l {
    margin-left: 0;
    margin-right: 0;
  }

  .mh1-l {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .mh2-l {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .mh3-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .mh4-l {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .mh5-l {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .mh6-l {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .mh7-l {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media screen and (min-width: 70em) {
  .pa0-xl {
    padding: 0;
  }

  .pa1-xl {
    padding: 0.25rem;
  }

  .pa2-xl {
    padding: 0.5rem;
  }

  .pa3-xl {
    padding: 1rem;
  }

  .pa4-xl {
    padding: 2rem;
  }

  .pa5-xl {
    padding: 4rem;
  }

  .pa6-xl {
    padding: 8rem;
  }

  .pa7-xl {
    padding: 16rem;
  }

  .pl0-xl {
    padding-left: 0;
  }

  .pl1-xl {
    padding-left: 0.25rem;
  }

  .pl2-xl {
    padding-left: 0.5rem;
  }

  .pl3-xl {
    padding-left: 1rem;
  }

  .pl4-xl {
    padding-left: 2rem;
  }

  .pl5-xl {
    padding-left: 4rem;
  }

  .pl6-xl {
    padding-left: 8rem;
  }

  .pl7-xl {
    padding-left: 16rem;
  }

  .pr0-xl {
    padding-right: 0;
  }

  .pr1-xl {
    padding-right: 0.25rem;
  }

  .pr2-xl {
    padding-right: 0.5rem;
  }

  .pr3-xl {
    padding-right: 1rem;
  }

  .pr4-xl {
    padding-right: 2rem;
  }

  .pr5-xl {
    padding-right: 4rem;
  }

  .pr6-xl {
    padding-right: 8rem;
  }

  .pr7-xl {
    padding-right: 16rem;
  }

  .pb0-xl {
    padding-bottom: 0;
  }

  .pb1-xl {
    padding-bottom: 0.25rem;
  }

  .pb2-xl {
    padding-bottom: 0.5rem;
  }

  .pb3-xl {
    padding-bottom: 1rem;
  }

  .pb4-xl {
    padding-bottom: 2rem;
  }

  .pb5-xl {
    padding-bottom: 4rem;
  }

  .pb6-xl {
    padding-bottom: 8rem;
  }

  .pb7-xl {
    padding-bottom: 16rem;
  }

  .pt0-xl {
    padding-top: 0;
  }

  .pt1-xl {
    padding-top: 0.25rem;
  }

  .pt2-xl {
    padding-top: 0.5rem;
  }

  .pt3-xl {
    padding-top: 1rem;
  }

  .pt4-xl {
    padding-top: 2rem;
  }

  .pt5-xl {
    padding-top: 4rem;
  }

  .pt6-xl {
    padding-top: 8rem;
  }

  .pt7-xl {
    padding-top: 16rem;
  }

  .pv0-xl {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pv1-xl {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .pv2-xl {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pv3-xl {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .pv4-xl {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pv5-xl {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pv6-xl {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .pv7-xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .ph0-xl {
    padding-left: 0;
    padding-right: 0;
  }

  .ph1-xl {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .ph2-xl {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .ph3-xl {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ph4-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ph5-xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .ph6-xl {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .ph7-xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .ma0-xl {
    margin: 0;
  }

  .ma1-xl {
    margin: 0.25rem;
  }

  .ma2-xl {
    margin: 0.5rem;
  }

  .ma3-xl {
    margin: 1rem;
  }

  .ma4-xl {
    margin: 2rem;
  }

  .ma5-xl {
    margin: 4rem;
  }

  .ma6-xl {
    margin: 8rem;
  }

  .ma7-xl {
    margin: 16rem;
  }

  .ml0-xl {
    margin-left: 0;
  }

  .ml1-xl {
    margin-left: 0.25rem;
  }

  .ml2-xl {
    margin-left: 0.5rem;
  }

  .ml3-xl {
    margin-left: 1rem;
  }

  .ml4-xl {
    margin-left: 2rem;
  }

  .ml5-xl {
    margin-left: 4rem;
  }

  .ml6-xl {
    margin-left: 8rem;
  }

  .ml7-xl {
    margin-left: 16rem;
  }

  .mr0-xl {
    margin-right: 0;
  }

  .mr1-xl {
    margin-right: 0.25rem;
  }

  .mr2-xl {
    margin-right: 0.5rem;
  }

  .mr3-xl {
    margin-right: 1rem;
  }

  .mr4-xl {
    margin-right: 2rem;
  }

  .mr5-xl {
    margin-right: 4rem;
  }

  .mr6-xl {
    margin-right: 8rem;
  }

  .mr7-xl {
    margin-right: 16rem;
  }

  .mb0-xl {
    margin-bottom: 0;
  }

  .mb1-xl {
    margin-bottom: 0.25rem;
  }

  .mb2-xl {
    margin-bottom: 0.5rem;
  }

  .mb3-xl {
    margin-bottom: 1rem;
  }

  .mb4-xl {
    margin-bottom: 2rem;
  }

  .mb5-xl {
    margin-bottom: 4rem;
  }

  .mb6-xl {
    margin-bottom: 8rem;
  }

  .mb7-xl {
    margin-bottom: 16rem;
  }

  .mt0-xl {
    margin-top: 0;
  }

  .mt1-xl {
    margin-top: 0.25rem;
  }

  .mt2-xl {
    margin-top: 0.5rem;
  }

  .mt3-xl {
    margin-top: 1rem;
  }

  .mt4-xl {
    margin-top: 2rem;
  }

  .mt5-xl {
    margin-top: 4rem;
  }

  .mt6-xl {
    margin-top: 8rem;
  }

  .mt7-xl {
    margin-top: 16rem;
  }

  .mv0-xl {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mv1-xl {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .mv2-xl {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mv3-xl {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .mv4-xl {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .mv5-xl {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .mv6-xl {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .mv7-xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .mh0-xl {
    margin-left: 0;
    margin-right: 0;
  }

  .mh1-xl {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .mh2-xl {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .mh3-xl {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .mh4-xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .mh5-xl {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .mh6-xl {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .mh7-xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.na1 {
  margin: -0.25rem;
}

.na2 {
  margin: -0.5rem;
}

.na3 {
  margin: -1rem;
}

.na4 {
  margin: -2rem;
}

.na5 {
  margin: -4rem;
}

.na6 {
  margin: -8rem;
}

.na7 {
  margin: -16rem;
}

.nl1 {
  margin-left: -0.25rem;
}

.nl2 {
  margin-left: -0.5rem;
}

.nl3 {
  margin-left: -1rem;
}

.nl4 {
  margin-left: -2rem;
}

.nl5 {
  margin-left: -4rem;
}

.nl6 {
  margin-left: -8rem;
}

.nl7 {
  margin-left: -16rem;
}

.nr1 {
  margin-right: -0.25rem;
}

.nr2 {
  margin-right: -0.5rem;
}

.nr3 {
  margin-right: -1rem;
}

.nr4 {
  margin-right: -2rem;
}

.nr5 {
  margin-right: -4rem;
}

.nr6 {
  margin-right: -8rem;
}

.nr7 {
  margin-right: -16rem;
}

.nb1 {
  margin-bottom: -0.25rem;
}

.nb2 {
  margin-bottom: -0.5rem;
}

.nb3 {
  margin-bottom: -1rem;
}

.nb4 {
  margin-bottom: -2rem;
}

.nb5 {
  margin-bottom: -4rem;
}

.nb6 {
  margin-bottom: -8rem;
}

.nb7 {
  margin-bottom: -16rem;
}

.nt1 {
  margin-top: -0.25rem;
}

.nt2 {
  margin-top: -0.5rem;
}

.nt3 {
  margin-top: -1rem;
}

.nt4 {
  margin-top: -2rem;
}

.nt5 {
  margin-top: -4rem;
}

.nt6 {
  margin-top: -8rem;
}

.nt7 {
  margin-top: -16rem;
}

@media screen and (min-width: 42em) {
  .na1-ns {
    margin: -0.25rem;
  }

  .na2-ns {
    margin: -0.5rem;
  }

  .na3-ns {
    margin: -1rem;
  }

  .na4-ns {
    margin: -2rem;
  }

  .na5-ns {
    margin: -4rem;
  }

  .na6-ns {
    margin: -8rem;
  }

  .na7-ns {
    margin: -16rem;
  }

  .nl1-ns {
    margin-left: -0.25rem;
  }

  .nl2-ns {
    margin-left: -0.5rem;
  }

  .nl3-ns {
    margin-left: -1rem;
  }

  .nl4-ns {
    margin-left: -2rem;
  }

  .nl5-ns {
    margin-left: -4rem;
  }

  .nl6-ns {
    margin-left: -8rem;
  }

  .nl7-ns {
    margin-left: -16rem;
  }

  .nr1-ns {
    margin-right: -0.25rem;
  }

  .nr2-ns {
    margin-right: -0.5rem;
  }

  .nr3-ns {
    margin-right: -1rem;
  }

  .nr4-ns {
    margin-right: -2rem;
  }

  .nr5-ns {
    margin-right: -4rem;
  }

  .nr6-ns {
    margin-right: -8rem;
  }

  .nr7-ns {
    margin-right: -16rem;
  }

  .nb1-ns {
    margin-bottom: -0.25rem;
  }

  .nb2-ns {
    margin-bottom: -0.5rem;
  }

  .nb3-ns {
    margin-bottom: -1rem;
  }

  .nb4-ns {
    margin-bottom: -2rem;
  }

  .nb5-ns {
    margin-bottom: -4rem;
  }

  .nb6-ns {
    margin-bottom: -8rem;
  }

  .nb7-ns {
    margin-bottom: -16rem;
  }

  .nt1-ns {
    margin-top: -0.25rem;
  }

  .nt2-ns {
    margin-top: -0.5rem;
  }

  .nt3-ns {
    margin-top: -1rem;
  }

  .nt4-ns {
    margin-top: -2rem;
  }

  .nt5-ns {
    margin-top: -4rem;
  }

  .nt6-ns {
    margin-top: -8rem;
  }

  .nt7-ns {
    margin-top: -16rem;
  }
}
@media screen and (min-width: 42em) {
  .na1-m {
    margin: -0.25rem;
  }

  .na2-m {
    margin: -0.5rem;
  }

  .na3-m {
    margin: -1rem;
  }

  .na4-m {
    margin: -2rem;
  }

  .na5-m {
    margin: -4rem;
  }

  .na6-m {
    margin: -8rem;
  }

  .na7-m {
    margin: -16rem;
  }

  .nl1-m {
    margin-left: -0.25rem;
  }

  .nl2-m {
    margin-left: -0.5rem;
  }

  .nl3-m {
    margin-left: -1rem;
  }

  .nl4-m {
    margin-left: -2rem;
  }

  .nl5-m {
    margin-left: -4rem;
  }

  .nl6-m {
    margin-left: -8rem;
  }

  .nl7-m {
    margin-left: -16rem;
  }

  .nr1-m {
    margin-right: -0.25rem;
  }

  .nr2-m {
    margin-right: -0.5rem;
  }

  .nr3-m {
    margin-right: -1rem;
  }

  .nr4-m {
    margin-right: -2rem;
  }

  .nr5-m {
    margin-right: -4rem;
  }

  .nr6-m {
    margin-right: -8rem;
  }

  .nr7-m {
    margin-right: -16rem;
  }

  .nb1-m {
    margin-bottom: -0.25rem;
  }

  .nb2-m {
    margin-bottom: -0.5rem;
  }

  .nb3-m {
    margin-bottom: -1rem;
  }

  .nb4-m {
    margin-bottom: -2rem;
  }

  .nb5-m {
    margin-bottom: -4rem;
  }

  .nb6-m {
    margin-bottom: -8rem;
  }

  .nb7-m {
    margin-bottom: -16rem;
  }

  .nt1-m {
    margin-top: -0.25rem;
  }

  .nt2-m {
    margin-top: -0.5rem;
  }

  .nt3-m {
    margin-top: -1rem;
  }

  .nt4-m {
    margin-top: -2rem;
  }

  .nt5-m {
    margin-top: -4rem;
  }

  .nt6-m {
    margin-top: -8rem;
  }

  .nt7-m {
    margin-top: -16rem;
  }
}
@media screen and (min-width: 60em) {
  .na1-l {
    margin: -0.25rem;
  }

  .na2-l {
    margin: -0.5rem;
  }

  .na3-l {
    margin: -1rem;
  }

  .na4-l {
    margin: -2rem;
  }

  .na5-l {
    margin: -4rem;
  }

  .na6-l {
    margin: -8rem;
  }

  .na7-l {
    margin: -16rem;
  }

  .nl1-l {
    margin-left: -0.25rem;
  }

  .nl2-l {
    margin-left: -0.5rem;
  }

  .nl3-l {
    margin-left: -1rem;
  }

  .nl4-l {
    margin-left: -2rem;
  }

  .nl5-l {
    margin-left: -4rem;
  }

  .nl6-l {
    margin-left: -8rem;
  }

  .nl7-l {
    margin-left: -16rem;
  }

  .nr1-l {
    margin-right: -0.25rem;
  }

  .nr2-l {
    margin-right: -0.5rem;
  }

  .nr3-l {
    margin-right: -1rem;
  }

  .nr4-l {
    margin-right: -2rem;
  }

  .nr5-l {
    margin-right: -4rem;
  }

  .nr6-l {
    margin-right: -8rem;
  }

  .nr7-l {
    margin-right: -16rem;
  }

  .nb1-l {
    margin-bottom: -0.25rem;
  }

  .nb2-l {
    margin-bottom: -0.5rem;
  }

  .nb3-l {
    margin-bottom: -1rem;
  }

  .nb4-l {
    margin-bottom: -2rem;
  }

  .nb5-l {
    margin-bottom: -4rem;
  }

  .nb6-l {
    margin-bottom: -8rem;
  }

  .nb7-l {
    margin-bottom: -16rem;
  }

  .nt1-l {
    margin-top: -0.25rem;
  }

  .nt2-l {
    margin-top: -0.5rem;
  }

  .nt3-l {
    margin-top: -1rem;
  }

  .nt4-l {
    margin-top: -2rem;
  }

  .nt5-l {
    margin-top: -4rem;
  }

  .nt6-l {
    margin-top: -8rem;
  }

  .nt7-l {
    margin-top: -16rem;
  }
}
/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

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

/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

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

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

@media screen and (min-width: 42em) {
  .strike-ns {
    text-decoration: line-through;
  }

  .underline-ns {
    text-decoration: underline;
  }

  .no-underline-ns {
    text-decoration: none;
  }
}
@media screen and (min-width: 42em) {
  .strike-m {
    text-decoration: line-through;
  }

  .underline-m {
    text-decoration: underline;
  }

  .no-underline-m {
    text-decoration: none;
  }
}
@media screen and (min-width: 60em) {
  .strike-l {
    text-decoration: line-through;
  }

  .underline-l {
    text-decoration: underline;
  }

  .no-underline-l {
    text-decoration: none;
  }
}
/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

@media screen and (min-width: 42em) {
  .tl-ns {
    text-align: left;
  }

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

  .tc-ns {
    text-align: center;
  }
}
@media screen and (min-width: 30em) {
  .tl-s {
    text-align: left;
  }

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

  .tc-s {
    text-align: center;
  }
}
@media screen and (min-width: 42em) {
  .tl-m {
    text-align: left;
  }

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

  .tc-m {
    text-align: center;
  }
}
@media screen and (min-width: 60em) {
  .tl-l {
    text-align: left;
  }

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

  .tc-l {
    text-align: center;
  }
}
@media screen and (min-width: 70em) {
  .tl-xl {
    text-align: left;
  }

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

  .tc-xl {
    text-align: center;
  }
}
/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ttc {
  text-transform: capitalize;
}

.ttl {
  text-transform: lowercase;
}

.ttu {
  text-transform: uppercase;
}

.ttn {
  text-transform: none;
}

@media screen and (min-width: 42em) {
  .ttc-ns {
    text-transform: capitalize;
  }

  .ttl-ns {
    text-transform: lowercase;
  }

  .ttu-ns {
    text-transform: uppercase;
  }

  .ttn-ns {
    text-transform: none;
  }
}
@media screen and (min-width: 42em) {
  .ttc-m {
    text-transform: capitalize;
  }

  .ttl-m {
    text-transform: lowercase;
  }

  .ttu-m {
    text-transform: uppercase;
  }

  .ttn-m {
    text-transform: none;
  }
}
@media screen and (min-width: 60em) {
  .ttc-l {
    text-transform: capitalize;
  }

  .ttl-l {
    text-transform: lowercase;
  }

  .ttu-l {
    text-transform: uppercase;
  }

  .ttn-l {
    text-transform: none;
  }
}
/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale
     7 = 7th step in size scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
*/
/*
 * For Hero/Marketing Titles
 *
 * These generally are too large for mobile
 * so be careful using them on smaller screens.
 * */
.f-6,
.f-headline {
  font-size: 6rem;
}

.f-5,
.f-subheadline {
  font-size: 5rem;
}

/* Type Scale */
.f0 {
  font-size: 0;
}

.f1 {
  font-size: 3rem;
}

.f2 {
  font-size: 2.25rem;
}

.f3 {
  font-size: 1.5rem;
}

.f4 {
  font-size: 1.25rem;
}

.f5 {
  font-size: 1rem;
}

.f6 {
  font-size: 0.875rem;
}

.f7 {
  font-size: 0.75rem;
}

/* Small and hard to read for many people so use with extreme caution */
/* Campaign Type Scale*/
.f8 {
  font-size: 2rem;
}

.f9 {
  font-size: 1.33rem;
}

.f10 {
  font-size: 1.16rem;
}

@media screen and (min-width: 42em) {
  .f-6-ns,
.f-headline-ns {
    font-size: 6rem;
  }

  .f-5-ns,
.f-subheadline-ns {
    font-size: 5rem;
  }

  .f1-ns {
    font-size: 3rem;
  }

  .f2-ns {
    font-size: 2.25rem;
  }

  .f3-ns {
    font-size: 1.5rem;
  }

  .f4-ns {
    font-size: 1.25rem;
  }

  .f5-ns {
    font-size: 1rem;
  }

  .f6-ns {
    font-size: 0.875rem;
  }

  .f7-ns {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 30em) {
  .f-6-s,
.f-headline-s {
    font-size: 6rem;
  }

  .f-5-s,
.f-subheadline-s {
    font-size: 5rem;
  }

  .f1-s {
    font-size: 3rem;
  }

  .f2-s {
    font-size: 2.25rem;
  }

  .f3-s {
    font-size: 1.5rem;
  }

  .f4-s {
    font-size: 1.25rem;
  }

  .f5-s {
    font-size: 1rem;
  }

  .f6-s {
    font-size: 0.875rem;
  }

  .f7-s {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 42em) {
  .f-6-m,
.f-headline-m {
    font-size: 6rem;
  }

  .f-5-m,
.f-subheadline-m {
    font-size: 5rem;
  }

  .f1-m {
    font-size: 3rem;
  }

  .f2-m {
    font-size: 2.25rem;
  }

  .f3-m {
    font-size: 1.5rem;
  }

  .f4-m {
    font-size: 1.25rem;
  }

  .f5-m {
    font-size: 1rem;
  }

  .f6-m {
    font-size: 0.875rem;
  }

  .f7-m {
    font-size: 0.75rem;
  }

  .f8-m {
    font-size: 2rem;
  }

  .f9-m {
    font-size: 1.33rem;
  }

  .f10-m {
    font-size: 1.16rem;
  }
}
@media screen and (min-width: 60em) {
  .f-6-l,
.f-headline-l {
    font-size: 6rem;
  }

  .f-5-l,
.f-subheadline-l {
    font-size: 5rem;
  }

  .f1-l {
    font-size: 3rem;
  }

  .f2-l {
    font-size: 2.25rem;
  }

  .f3-l {
    font-size: 1.5rem;
  }

  .f4-l {
    font-size: 1.25rem;
  }

  .f5-l {
    font-size: 1rem;
  }

  .f6-l {
    font-size: 0.875rem;
  }

  .f7-l {
    font-size: 0.75rem;
  }
}
/*

   TYPOGRAPHY
   http://tachyons.io/docs/typography/measure/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Measure is limited to ~66 characters */
.measure {
  max-width: 30em;
}

/* Measure is limited to ~80 characters */
.measure-wide {
  max-width: 34em;
}

/* Measure is limited to ~45 characters */
.measure-narrow {
  max-width: 20em;
}

/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.small-caps {
  font-variant: small-caps;
}

/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 42em) {
  .measure-ns {
    max-width: 30em;
  }

  .measure-wide-ns {
    max-width: 34em;
  }

  .measure-narrow-ns {
    max-width: 20em;
  }

  .indent-ns {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }

  .small-caps-ns {
    font-variant: small-caps;
  }

  .truncate-ns {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (min-width: 42em) {
  .measure-m {
    max-width: 30em;
  }

  .measure-wide-m {
    max-width: 34em;
  }

  .measure-narrow-m {
    max-width: 20em;
  }

  .indent-m {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }

  .small-caps-m {
    font-variant: small-caps;
  }

  .truncate-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (min-width: 60em) {
  .measure-l {
    max-width: 30em;
  }

  .measure-wide-l {
    max-width: 34em;
  }

  .measure-narrow-l {
    max-width: 20em;
  }

  .indent-l {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }

  .small-caps-l {
    font-variant: small-caps;
  }

  .truncate-l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*

   UTILITIES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Equivalent to .overflow-y-scroll */
.overflow-container {
  overflow-y: scroll;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 42em) {
  .center-ns {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 42em) {
  .center-m {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 60em) {
  .center-l {
    margin-right: auto;
    margin-left: auto;
  }
}
.separator {
  padding-top: 1rem;
  position: relative;
}
@media screen and (min-width: 60em) {
  .separator {
    padding-top: 2rem;
  }
}
.separator:before {
  background: #EE3124;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 3px;
}

/*

   VISIBILITY

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

@media screen and (min-width: 42em) {
  .clip-ns {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media screen and (min-width: 42em) {
  .clip-m {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media screen and (min-width: 60em) {
  .clip-l {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}
/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ws-normal {
  white-space: normal;
}

.nowrap {
  white-space: nowrap;
}

.pre {
  white-space: pre;
}

@media screen and (min-width: 42em) {
  .ws-normal-ns {
    white-space: normal;
  }

  .nowrap-ns {
    white-space: nowrap;
  }

  .pre-ns {
    white-space: pre;
  }
}
@media screen and (min-width: 42em) {
  .ws-normal-m {
    white-space: normal;
  }

  .nowrap-m {
    white-space: nowrap;
  }

  .pre-m {
    white-space: pre;
  }
}
@media screen and (min-width: 60em) {
  .ws-normal-l {
    white-space: normal;
  }

  .nowrap-l {
    white-space: nowrap;
  }

  .pre-l {
    white-space: pre;
  }
}
/*

  WORD BREAK

   Base:
     word = word-break

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.word-normal {
  word-break: normal;
}

.word-wrap {
  word-break: break-all;
}

.word-nowrap {
  word-break: keep-all;
}

.word-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

@media screen and (min-width: 42em) {
  .word-normal-ns {
    word-break: normal;
  }

  .word-wrap-ns {
    word-break: break-all;
  }

  .word-nowrap-ns {
    word-break: keep-all;
  }
}
@media screen and (min-width: 42em) {
  .word-normal-m {
    word-break: normal;
  }

  .word-wrap-m {
    word-break: break-all;
  }

  .word-nowrap-m {
    word-break: keep-all;
  }
}
@media screen and (min-width: 60em) {
  .word-normal-l {
    word-break: normal;
  }

  .word-wrap-l {
    word-break: break-all;
  }

  .word-nowrap-l {
    word-break: keep-all;
  }
}
/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.v-base {
  vertical-align: baseline;
}

.v-mid {
  vertical-align: middle;
}

.v-top {
  vertical-align: top;
}

.v-btm {
  vertical-align: bottom;
}

@media screen and (min-width: 42em) {
  .v-base-ns {
    vertical-align: baseline;
  }

  .v-mid-ns {
    vertical-align: middle;
  }

  .v-top-ns {
    vertical-align: top;
  }

  .v-btm-ns {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 42em) {
  .v-base-m {
    vertical-align: baseline;
  }

  .v-mid-m {
    vertical-align: middle;
  }

  .v-top-m {
    vertical-align: top;
  }

  .v-btm-m {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 60em) {
  .v-base-l {
    vertical-align: baseline;
  }

  .v-mid-l {
    vertical-align: middle;
  }

  .v-top-l {
    vertical-align: top;
  }

  .v-btm-l {
    vertical-align: bottom;
  }
}
/*

  HOVER EFFECTS
  Docs: http://tachyons.io/docs/themes/hovers/

    - Dim
    - Glow
    - Hide Child
    - Underline text
    - Grow
    - Pointer
    - Shadow

*/
/*

  Dim element on hover by adding the dim class.

*/
.dim {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}

.dim:hover,
.dim:focus {
  opacity: 0.5;
  transition: opacity 0.15s ease-in;
}

.dim:active {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

/*

  Animate opacity to 100% on hover by adding the glow class.

*/
.glow {
  transition: opacity 0.15s ease-in;
}

.glow:hover,
.glow:focus {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}

/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
.hide-child .child {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}

.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}

.underline-hover:hover,
.underline-hover:focus {
  text-decoration: underline;
}

/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow {
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.grow:hover,
.grow:focus {
  transform: scale(1.05);
}

.grow:active {
  transform: scale(0.9);
}

.grow-large {
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-in-out;
}

.grow-large:hover,
.grow-large:focus {
  transform: scale(1.2);
}

.grow-large:active {
  transform: scale(0.95);
}

/* Add pointer on hover */
.pointer:hover {
  cursor: pointer;
}

/*
   Add shadow on hover.

   Performant box-shadow animation pattern from
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
  cursor: pointer;
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover::after {
  content: "";
  box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover:hover::after,
.shadow-hover:focus::after {
  opacity: 1;
}

/* Combine with classes in skins and skins-pseudo for
 * many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
  transition: background-color 0.15s ease-in-out;
}

.fill-animate,
.fill-animate:hover,
.fill-animate:focus {
  transition: fill 0.15s ease-in-out;
}

.color-animate,
.color-animate:hover,
.color-animate:focus {
  transition: color 0.15s ease-in-out;
}

.animate,
.animate:hover,
.animate:focus {
  transition: all 0.15s ease-in-out;
}

/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
.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-999 {
  z-index: 999;
}

.z-9999 {
  z-index: 9999;
}

.z-max {
  z-index: 2147483647;
}

.z-inherit {
  z-index: inherit;
}

.z-initial {
  z-index: initial;
}

.z-unset {
  z-index: unset;
}

/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
  line-height: 1.5;
}

.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
  line-height: 1.25;
}

.nested-list-reset ul,
.nested-list-reset ol {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}

.nested-copy-indent p + p {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.nested-copy-seperator p + p {
  margin-top: 1.5em;
}

.nested-img img {
  width: 100%;
  max-width: 100%;
  display: block;
}

/*
  STYLES
  Add custom styles here.
*/
html,
body {
  box-sizing: border-box;
  font-size: 14px;
}
@media screen and (min-width: 42em) {
  html,
body {
    font-size: 15px;
  }
}

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

body {
  color: #50525A;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-family: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #EE3124;
  text-decoration: none;
  transition: 0.2s ease;
}
a:focus, a:active {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, table {
  margin: 0 0 1rem;
}
@media screen and (min-width: 42em) {
  h1, h2, h3, h4, h5, h6, p, ul, ol, table {
    margin-bottom: 1.25rem;
  }
}

h1 {
  color: #231F20;
  font-size: 2rem;
  font-weight: 400;
}

h2 {
  color: #231F20;
  font-size: 1.5rem;
  font-weight: 400;
}

h3 {
  color: #231F20;
  font-size: 1.375rem;
  font-weight: 400;
}

h4 {
  color: #231F20;
  font-size: 1.25rem;
  font-weight: 400;
}

h5 {
  font-size: 1.25rem;
  font-weight: 400;
}

h6 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

ul,
ol {
  padding-left: 1.25rem;
}

strong {
  font-weight: 700;
}

@media screen and (min-width: 60em) {
  .article__block {
    background: #fff;
    padding: 2rem;
    position: absolute;
    top: 52%;
    left: 1rem;
    transform: translateY(-50%);
    width: 60%;
  }
}
@media screen and (min-width: 70em) {
  .article__block {
    padding: 2rem 3rem;
  }
}

.bg-pale-sage {
  background-color: #e9eeeb;
}

.bg-campaign-gray {
  background-color: #474c55;
}

.bg-campaign-medium-gray {
  background-color: #98999d;
}

.color-white,
.color-white p {
  color: #fff !important;
}

.color-red,
.color-red p {
  color: #EE3124 !important;
}

.letspa005 {
  letter-spacing: 0.05rem;
}

.letspa02 {
  letter-spacing: 0.2rem;
}

.letspa001 {
  letter-spacing: 0.01rem;
}

.campaign-landing .container {
  padding: 3rem 2rem 2rem;
}
@media screen and (min-width: 30em) {
  .campaign-landing .container {
    padding: 4rem 2rem 2rem;
  }
}
@media screen and (min-width: 42em) {
  .campaign-landing .container {
    padding: 2.2rem;
  }
}
@media screen and (min-width: 60em) {
  .campaign-landing .container {
    padding: 7rem;
    padding-bottom: 3rem;
  }
}
.campaign-landing .cta-banner a {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.campaign-landing .video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.campaign-landing .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.campaign-landing .video video[poster] {
  object-fit: cover;
}
.campaign-landing .text-block hr {
  width: 75px;
  color: #EE3124;
  margin: 1.5rem 0;
}
.campaign-landing .text-block .decorative-image {
  max-height: 100%;
}
.campaign-landing .cta-section .container {
  padding-bottom: 3.5rem;
}
@media screen and (min-width: 30em) {
  .campaign-landing .cta-section .container {
    padding-bottom: 3.7rem;
  }
}
@media screen and (min-width: 42em) {
  .campaign-landing .cta-section .container {
    padding-bottom: 6.5rem;
  }
}
@media screen and (min-width: 60em) {
  .campaign-landing .cta-section .container {
    padding-bottom: 8rem;
  }
}
.campaign-landing .cta-section .container hr {
  margin: 3rem 0 0.8rem;
}
@media screen and (min-width: 30em) {
  .campaign-landing .cta-section .container hr {
    margin: 3rem 0 1rem;
  }
}
@media screen and (min-width: 42em) {
  .campaign-landing .cta-section .container hr {
    margin: 3rem 0 1.8rem;
  }
}
.campaign-landing .cta-section .container .themes p {
  font-size: 13px;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 30em) {
  .campaign-landing .cta-section .container .themes p {
    font-size: 14px;
  }
}
@media screen and (min-width: 42em) {
  .campaign-landing .cta-section .container .themes p {
    font-size: 15px;
  }
}
@media screen and (min-width: 60em) {
  .campaign-landing .cta-section .container .themes p {
    letter-spacing: 0.2rem;
  }
}
.campaign-landing .cta-section .cta-link {
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
@media screen and (min-width: 42em) {
  .campaign-landing .cta-section .cta-link {
    bottom: -15px;
  }
}
.campaign-landing .cta-section .cta-link a {
  padding: 1rem 2rem;
}
@media screen and (min-width: 42em) {
  .campaign-landing .cta-section .cta-link a {
    padding: 1.4rem 3rem;
  }
}
@media screen and (min-width: 60em) {
  .campaign-landing .cta-section .cta-link a {
    padding: 1.8rem 3.8rem;
  }
}
@media screen and (min-width: 42em) {
  .campaign-landing footer .container {
    padding-top: 7rem;
  }
}
.campaign-landing footer hr {
  margin: 1rem 0 2.5rem;
}

.campaign .banner {
  height: 278px;
}
.campaign .banner img {
  height: 110%;
  position: relative;
}
@media screen and (min-width: 42em) {
  .campaign .banner img {
    bottom: 5%;
  }
}
.campaign footer .container {
  padding: 4rem 0;
}
@media screen and (min-width: 42em) {
  .campaign footer .container {
    padding: 7rem 0;
  }
}
.campaign footer hr {
  width: 70%;
  margin: 1rem auto 2.5rem;
}
.campaign footer a {
  color: #231F20;
  font-size: 16px;
  letter-spacing: 0.05rem;
}

.campaign-landing.winners .cta-banner .container {
  padding: 0;
}
.campaign-landing.winners .cta-banner .container .winner-preview {
  display: none;
  z-index: 10;
  transition: top 0.5s;
}
.campaign-landing.winners .cta-banner .container .winner-preview .wrapper {
  background-color: red;
  min-width: 400px;
}
.campaign-landing.winners .cta-banner .container .winner-preview .winner-target {
  background-image: url("/site-content/themes/rrm/img/svg-src/down_icon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  padding: 1.2em;
  margin: 3% 38% 0;
}
@media screen and (min-width: 60em) {
  .campaign-landing.winners .cta-banner .container .winner-preview {
    display: block;
  }
}
.campaign-landing.winners .cta-banner .container #WinnerMap {
  height: 400px;
  background-position: right;
  background-repeat: no-repeat;
  display: none;
}
@media screen and (min-width: 60em) {
  .campaign-landing.winners .cta-banner .container #WinnerMap {
    display: block;
  }
}
.campaign-landing.winners .cta-banner .container .pin-block {
  position: absolute;
  right: 0;
  display: none;
}
.campaign-landing.winners .cta-banner .container .pin-block .pin-btn {
  padding: 0.8em;
  border-radius: 1.5em;
  margin: 0.1em;
}
.campaign-landing.winners .cta-banner .container .pin-block .pin-btn.active {
  padding: 1.2em;
  background-color: #ffffff !important;
  margin-top: -5px;
  margin-right: -5px;
  outline: none;
}
.campaign-landing.winners .cta-banner .container .pin-block .pin-btn:active {
  outline: none;
}
@media screen and (min-width: 60em) {
  .campaign-landing.winners .cta-banner .container .pin-block {
    display: block;
  }
}
.campaign-landing.winners .leader .container {
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 30em) {
  .campaign-landing.winners .leader .container {
    background-position: 5% center;
  }
}
.campaign-landing.winners .leader .container p {
  padding-top: 25em;
  text-align: center;
}
@media screen and (min-width: 30em) {
  .campaign-landing.winners .leader .container p {
    padding-top: inherit;
    text-align: left;
  }
}
.campaign-landing.winners .mobile-map {
  display: block;
}
@media screen and (min-width: 60em) {
  .campaign-landing.winners .mobile-map {
    display: none;
  }
}
.campaign-landing.winners .campaign-winners-list *[class^=wn-] {
  border: solid 1px transparent;
}
.campaign-landing.winners .campaign-winners-list *[class^=wn-].active {
  border-color: #EEE;
  background-color: #FAFAFA;
}
.campaign-landing.winners .campaign-winners-list *[class^=wn-]:hover {
  border-color: #ff6666;
  background-color: #fafafa;
}
.campaign-landing.winners .winner-archive-banner {
  text-align: center;
  background-color: red;
  padding: 2em;
  margin-bottom: 4rem;
}
.campaign-landing.winners .winner-archive-banner a {
  padding: 1rem;
  display: inline-block;
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  border: solid 2px white;
}
.campaign-landing.winners .winner-archive-banner a:hover {
  background-color: white;
  color: red;
  border-color: white;
}

.site-header {
  height: 82px;
}
@media screen and (min-width: 42em) {
  .site-header {
    height: 98px;
  }
}
@media screen and (min-width: 60em) {
  .site-header {
    height: 126px;
    background: #fff;
    box-shadow: 0 2px 30px 0 #EDEDED;
  }
}
@media screen and (min-width: 70em) {
  .site-header {
    height: 166px;
  }
}
.site-header__logo {
  top: 1rem;
  left: 1rem;
  z-index: 101;
}
@media (max-width: 960px){
  .site-header__logo {
    float: left;
    position: relative;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 60em) {
  .site-header__logo {
    top: 2rem;
    left: 2rem;
  }
}
@media screen and (min-width: 70em) {
  .site-header__logo {
    top: 2.6rem;
  }
}
.site-header__logo svg {
  width: 120px;
  height: 50px;
}
@media screen and (min-width: 42em) {
  .site-header__logo svg {
    width: 140px;
    height: 60px;
  }
}
@media screen and (min-width: 70em) {
  .site-header__logo svg {
    width: 182px;
    height: 71px;
  }
}
.site-header__search {
  top: 2.2rem;
  right: 1rem;
  z-index: 101;
}
@media screen and (min-width: 42em) {
  .site-header__search {
    top: 2.5rem;
  }
}
@media screen and (min-width: 60em) {
  .site-header__search {
    top: 4.7rem;
    right: 2rem;
  }
}
@media screen and (min-width: 70em) {
  .site-header__search {
    top: 6rem;
  }
}
.site-header__nav {
  top: 2.2rem;
  right: 2rem;
  transition: background 0.2s ease;
  width: 30px;
  height: 22px;
  z-index: 101;
}
@media (max-width: 960px){
  .site-header__nav {
    position: relative;
    float: right;
  }
}
@media screen and (min-width: 42em) {
  .site-header__nav {
    top: 2.5rem;
  }
}
.site-header__nav:hover span,
.site-header__nav:hover span:after,
.site-header__nav:hover span:before {
  background: #0E2A4D;
}
.site-header__nav span {
  position: relative;
  top: 0;
}
.site-header__nav span,
.site-header__nav span:after,
.site-header__nav span:before {
  background: #EE3124;
  transition: 0.3s ease;
  width: 30px;
  height: 2px;
  display: block;
}

.site-header__nav span:after,
.site-header__nav span:before {
  content: "";
  position: absolute;
  left: 0;
}
.site-header__nav span:before {
  top: 9px;
}
.site-header__nav span:after {
  top: -9px;
}
.nav--open .site-header__nav span {
  background: 0 !important;
}
.nav--open .site-header__nav span:before, .nav--open .site-header__nav span:after {
  transform-origin: 50% 50%;
  top: 0;
}
.nav--open .site-header__nav span:before {
  transform: rotate3d(0, 0, 1, 45deg);
}
.nav--open .site-header__nav span:after {
  transform: rotate3d(0, 0, 1, -45deg);
}

@media (max-width: 960px){
  .site-header nav#nav {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 80px;
    border-bottom: 2px solid #000;
    clear: both;
  }
}

.skip-content {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
}

.skip-content:active,
.skip-content:focus,
.skip-content:hover {
  position: static;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
}

@media screen and (min-width: 60em) {
  .page-child .site-main {
    padding-top: 120px;
  }
}

@media screen and (min-width: 60em) {
  body:not(.home):not(.page-child):not(.page-template-template-campaign-landing-page):not(.page-template-template-campaign-submission-page) .site-main {
    padding-top: 78px;
  }
}

.overflow {
  overflow-x: hidden;
  min-height: 90vh;
}

.container {
  max-width: 88.5rem;
  margin: 0 auto;
}

.list-2 {
  column-count: 2;
  list-style: none;
  padding-left: 0;
  /*
      @media screen and (min-width: 42em) {
          display: flex;
          flex-wrap: wrap;
          //margin: 0 -1rem;
      }
      > li {
          @media screen and (min-width: 42em) {
              padding: 0.25rem 1rem;
              width: 50%;
          }
      }
  */
}
.list-2 li {
  padding-left: 20px;
  padding-bottom: 5px;
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.list-2 li:before {
  content: "•";
  position: absolute;
  left: 0;
  font-size: 16px;
  margin-right: 16px;
}
.list-2 li ul {
  list-style: none;
  padding-left: 0;
  padding-top: 5px;
  margin-bottom: 0;
}
.list-2 li ul li:before {
  content: "▫";
}

.round {
  border-radius: 10px !important;
}

.section-break {
  width: 75px;
  height: 3px;
  background: red;
  margin-bottom: 2em;
}

.snippets .snippet-icon {
  right: 40px;
  width: 85px;
  top: -50px;
}
.snippets .gray-circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  right: 11px;
  top: -4px;
  z-index: -99;
}
.snippets h2 span {
  color: #EE3124;
  font-weight: 700;
}
.js .snippets > div {
  opacity: 0;
  transform: translateY(-20px);
  transition: 0.4s ease;
}
.js .snippets > div:nth-child(2) {
  transition-delay: 0.3s;
}
.js .snippets > div:nth-child(3) {
  transition-delay: 0.6s;
}
.js .snippets.in-view > div {
  opacity: 1;
  transform: translateY(0);
}

.callout {
  overflow: hidden;
}
.js .callout > div {
  transform: translateX(-100%);
  transition: 0.6s ease 0.2s;
}
.js .callout.in-view > div {
  transform: translateX(0);
}

.callout-content {
  font-size: 15px;
}
@media screen and (min-width: 60em) {
  .callout-content {
    font-size: 24px;
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
  max-width: 100%;
}

.ajax-load-more-wrap {
  width: 100%;
}

.links li {
  border-width: 3px;
}
.links a {
  position: relative;
}
.links a:after {
  background: #EE3124;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: 0.3s ease;
  width: 0;
  height: 3px;
}
.links a:hover:after {
  width: 100%;
}

.btn-link:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-size: contain;
  float: left;
  margin-top: 4px;
  margin-right: 7px;
  background: url(/site-content/themes/rrm/img/red-link-icon.svg) center center no-repeat;
}

.alm-load-more-btn {
  transition: color 0.3s ease;
  margin-left: 1em;
  margin-bottom: 3em;
  border: none;
  padding: 0;
  font-weight: 700;
  color: #EE3124;
  outline: none;
}
.alm-load-more-btn:hover, .alm-load-more-btn:focus {
  color: #231F20;
}
.alm-load-more-btn.done {
  display: none;
}

.nav {
  background: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 8rem 1rem 1rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}
.nav li {
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 80em) {
  .nav li {
    margin: 0 1.5rem;
  }
}
@media screen and (min-width: 70em) {
  .nav li {
    margin: 0 1rem;
  }
}
@media screen and (min-width: 60em) {
  .nav li {
    margin: 0 0.65rem;
  }
}
.nav li.current-menu-item > a:after {
  width: 100%;
}
.nav a {
  color: #231F20;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 0.5rem;
  position: relative;
}
@media screen and (min-width: 60em) {
  .nav a {
    padding-bottom: 2.2rem;
  }
}
@media screen and (min-width: 70em) {
  .nav a {
    padding-bottom: 3.5rem;
  }
}
@media screen and (min-width: 60em) {
  .nav a:after {
    background: #EE3124;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s ease;
    width: 0;
    height: 4px;
  }
  .nav a:hover:after {
    width: 100%;
  }
}
.nav li.menu-item-has-children:hover > ul.sub-sub-menu {
  visibility: visible;
  opacity: 1 !important;
}
@media screen and (min-width: 60em) {
  .nav ul.sub-sub-menu {
    opacity: 0 !important;
    visibility: hidden;
    background: #F8F8FC;
    top: 78px;
  }
  .nav ul.sub-sub-menu:before {
    background: #F8F8FC;
  }
  .nav ul.sub-sub-menu a {
    padding: 1.25rem 0;
    color: #50525A;
  }
  .nav ul.sub-sub-menu a:after {
    background: #50525A;
  }
}
@media screen and (min-width: 42em) {
  .nav {
    padding-top: 6rem;
  }
}
@media screen and (min-width: 60em) {
  .nav {
    background: none;
    overflow-y: visible;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    width: calc( 100% - 340px);
    height: auto;
  }
}
.nav[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
}
.nav[aria-hidden=false] {
  opacity: 1;
  transition: 0.4s ease;
  visibility: visible;
}
@media screen and (min-width: 60em) {
  .nav__main {
    display: flex;
    justify-content: center;
    margin: 2.8rem 0 0;
  }
}
@media screen and (min-width: 70em) {
  .nav__main {
    margin-top: 4.2rem;
  }
}
.nav__main ul {
  list-style: none;
  margin: 0.25rem 0;
  padding-left: 1rem;
}
@media screen and (min-width: 60em) {
  .nav__main ul {
    background: #EE3124;
    display: flex;
    justify-content: center;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: calc(126px - 2rem);
    left: -170px;
    transition: 0.3s ease;
    visibility: hidden;
    width: calc(100% + 340px);
  }
}
@media screen and (min-width: 70em) {
  .nav__main ul {
    top: calc(166px - 2rem);
  }
}
@media screen and (min-width: 60em) {
  .nav__main ul:before {
    background: #EE3124;
    content: "";
    position: absolute;
    left: -250%;
    top: 0;
    width: 500%;
    height: 100%;
  }
}
.nav__main ul a {
  color: rgba(35, 31, 32, 0.7);
  font-size: 0.9rem;
  font-weight: 500;
}
@media screen and (min-width: 60em) {
  .nav__main ul a {
    color: #fff;
    padding: 2rem 0;
  }
}
@media screen and (min-width: 60em) {
  .nav__main ul a:after {
    background: #fff;
  }
}
@media screen and (min-width: 60em) {
  .nav__main > li:hover > ul, .nav__main > li.current-page-ancestor > ul, .nav__main > li.current-menu-ancestor > ul {
    opacity: 1;
    visibility: visible;
  }
}
.nav__main > li:hover.current-page-ancestor > a:after, .nav__main > li:hover.current-menu-ancestor > a:after, .nav__main > li.current-page-ancestor.current-page-ancestor > a:after, .nav__main > li.current-page-ancestor.current-menu-ancestor > a:after, .nav__main > li.current-menu-ancestor.current-page-ancestor > a:after, .nav__main > li.current-menu-ancestor.current-menu-ancestor > a:after {
  width: 100%;
}
.nav__main > li.current-page-ancestor ul, .nav__main > li.current-menu-ancestor ul {
  z-index: 0;
}
.nav__main > li:hover ul {
  z-index: 1;
}
.nav__main > li:hover ul.current-page-ancestor ul, .nav__main > li:hover ul.current-menu-ancestor ul {
  z-index: -1;
}
.nav__main > li:hover ul:hover ul {
  z-index: 0;
}
.nav__right {
  right: 20px;
  top: 73px;
}
@media screen and (min-width: 70em) {
  .nav__right {
    top: 92px;
  }
}
.nav__right a {
  color: #231F20;
}
.nav__right a:hover, .nav__right a:focus {
  color: #EE3124;
}

.banner--selector .banner-headline {
  font-size: 3rem;
  bottom: 110px;
}
@media screen and (min-width: 60em) {
  .banner--selector .banner-headline {
    font-size: 5rem;
    font-weight: normal;
    line-height: 1.25;
  }
}
.js .banner--selector .banner-headline {
  opacity: 0;
  transform: translateY(-20px);
}
.js.loaded .banner--selector .banner-headline {
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s ease 0.4s;
}
.js .banner--selector .container {
  opacity: 0;
}
.js.loaded .banner--selector .container {
  width: 100%;
  opacity: 1;
  transition: 0.7s ease;
}
.banner--selector .overlay-color {
  background: rgba(18, 39, 92, 0.45);
  background: -moz-linear-gradient(45deg, rgba(18, 39, 92, 0.45) 0%, rgba(18, 39, 92, 0) 57%, rgba(18, 39, 92, 0) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(18, 39, 92, 0.45)), color-stop(57%, rgba(18, 39, 92, 0)), color-stop(100%, rgba(18, 39, 92, 0)));
  background: -webkit-linear-gradient(45deg, rgba(18, 39, 92, 0.45) 0%, rgba(18, 39, 92, 0) 57%, rgba(18, 39, 92, 0) 100%);
  background: -o-linear-gradient(45deg, rgba(18, 39, 92, 0.45) 0%, rgba(18, 39, 92, 0) 57%, rgba(18, 39, 92, 0) 100%);
  background: -ms-linear-gradient(45deg, rgba(18, 39, 92, 0.45) 0%, rgba(18, 39, 92, 0) 57%, rgba(18, 39, 92, 0) 100%);
  background: linear-gradient(45deg, rgba(18, 39, 92, 0.45) 0%, rgba(18, 39, 92, 0) 57%, rgba(18, 39, 92, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#12275c", endColorstr="#12275c", GradientType=1 );
}
.banner--selector .selector-wrap {
  bottom: 80px;
  margin-bottom: -50px;
}
.js .banner--selector .selector-wrap {
  opacity: 0;
  transform: translateY(-20px);
}
.js.loaded .banner--selector .selector-wrap {
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s ease 0.8s;
}
.banner--selector .selector-wrap a {
  position: relative;
  z-index: 1;
}
.banner--selector .selector-wrap a:before {
  background: #fff;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
}
.banner--selector .selector-wrap a:hover {
  color: #EE3124;
}
.banner--selector .selector-wrap a:hover:before {
  transition: 0.3s ease;
  height: calc(100% - 0.4rem);
}
.banner--selector .overlay {
  right: 0;
  bottom: 0;
}

.banner--default .banner-headline {
  font-size: 3rem;
}
@media screen and (min-width: 60em) {
  .banner--default .banner-headline {
    font-size: 4rem;
    font-weight: normal;
    line-height: 1.25;
  }
}
.js .banner--default .banner-headline {
  opacity: 0;
  transform: translateY(-20px);
  transition: 0.5s ease;
}
.js.loaded .banner--default .banner-headline {
  opacity: 1;
  transform: translateY(0);
}
.js .banner--default .container:nth-child(2) {
  opacity: 0;
  transition: 0.5s ease 0.4s;
}
.js.loaded .banner--default .container:nth-child(2) {
  opacity: 1;
}
.banner--default .d-banner-info .icon-box {
  width: 95px;
  height: 90px;
  top: -45px;
}
.js .banner--default .d-banner-info {
  transform: translateX(-100%);
  transition: 0.5s ease 0.8s;
}
.js.loaded .banner--default .d-banner-info {
  transform: translateX(0);
}
.banner--default .icon-overlay {
  height: 240px;
  width: 30%;
  right: 120px;
}

.cta {
  /*
    .cta-inner {
      padding-left: 3em;
    }
  */
}
.cta:first-child {
  background: #EE3124;
  /*
      .cta-inner {
        padding-left: 8em;
      }
  */
}
.cta:first-child .cta-icon {
  top: -80px;
  left: 50px;
}
.cta:first-child .btn-link:before {
  background: url(/site-content/themes/rrm/img/navy-link-icon.svg) center center no-repeat;
}
.cta:last-child {
  background: #0E2A4D;
}
.cta:last-child .cta-icon {
  top: -80px;
  right: 20px;
}
.cta .overlay {
  right: 0;
  bottom: 0;
}

.box .icon-box {
  width: 75px;
  height: 70px;
  top: 70px;
}
.box .box-content {
  top: 40px;
}

.disclaimer {
  font-size: 12px;
}

.accordion {
  background-color: #fff;
  cursor: pointer;
  font-size: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.accordion.active:after {
  background: url(img/minus.svg) center center no-repeat !important;
  margin-top: 4px;
}
.accordion:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(img/plus.svg) center center no-repeat;
  background-size: contain;
  float: right;
  margin-top: 5px;
}

.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  border-width: 0 0 3px;
}

.active + .panel {
  height: auto !important;
}

/*
.links-list {
  li {
    border-width: 3px;
    position: relative;

    &:after {
      background: $red;
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      transition: .3s ease;
      width: 0;
      height: 3px;
    }
    &:hover {
        &:after {
            width: 100%;
        }
    }
  }
}
*/
.custom-select {
  margin-top: 5px;
}

.select-selected {
  background-color: transparent;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

.select-selected,
.select-items div {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #EE3124;
  top: 100%;
  left: 0;
  right: 0;
  transition: 0.2s ease;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  opacity: 0;
  visibility: hidden;
}

.select-items div:hover {
  background-color: rgba(0, 0, 0, 0.07);
  transition: background-color 0.2s ease;
}

.page-id-13 .gform_body {
  margin-left: 0;
  margin-right: 0;
}
.page-id-13 .gfieldset {
  width: 100%;
  padding-top: 0;
}
.page-id-13 .gform_footer {
  border-top: none;
  padding-top: 0;
}
@media screen and (min-width: 42em) {
  .page-id-13 .gform_footer {
    padding-right: 1em;
  }
}
@media screen and (min-width: 60em) {
  .page-id-13 .gform_footer {
    padding-right: 2em;
  }
}
@media screen and (min-width: 70em) {
  .page-id-13 .gform_footer {
    padding-right: 3em;
  }
}

.gform_button_select_files {
  background: #231F20;
  border: none;
  color: #fff;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0.5rem 1rem;
  font-weight: 500;
  transition: 0.3s ease;
}
.gform_button_select_files:hover, .gform_button_select_files:focus {
  background: #EE3124;
}

span#extensions_message_1_23 {
  margin-top: 1rem;
  display: block;
  font-size: 11px;
}

@media screen and (min-width: 42em) {
  .gform_body {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media screen and (min-width: 60em) {
  .gform_body {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media screen and (min-width: 70em) {
  .gform_body {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

.gfieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 42em) {
  .gfieldset {
    padding: 1rem;
    width: 49.25%;
  }
}
@media screen and (min-width: 60em) {
  .gfieldset {
    padding: 2rem;
  }
}
@media screen and (min-width: 70em) {
  .gfieldset {
    padding: 3rem;
  }
}
.gfieldset-legend {
  display: none;
}

.gform_fields {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.gfield:not(:last-child) {
  margin-bottom: 1rem;
}
.gfield:not(:first-child) .separator {
  margin-top: 2rem;
}
@media screen and (min-width: 60em) {
  .gfield:not(:first-child) .separator {
    margin-top: 2.5rem;
  }
}
.gfield .separator {
  margin-bottom: 0.5rem;
}
.gfield_contains_required {
  position: relative;
}
.gfield_contains_required:after {
  background: #FA7970;
  border-radius: 100%;
  content: "";
  position: absolute;
  top: 29px;
  right: 0.5rem;
  width: 6px;
  height: 6px;
}
.gfield_contains_required.valid:after {
  background: #14D59F;
}
.gfield_description {
  font-size: 0.75rem;
  margin-top: 1rem;
}
.gfield_description.validation_message {
  color: #EE3124;
  margin-top: 0.5rem;
}
.gfield_checkbox, .gfield_radio {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gfield_checkbox li, .gfield_radio li {
  position: relative;
}
.gfield_checkbox li:not(:last-child), .gfield_radio li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.gfield_checkbox label, .gfield_radio label {
  display: inline-block;
  font-size: 1rem;
  opacity: 1;
  padding-left: 1.5rem;
}
.gfield_checkbox input, .gfield_radio input {
  position: absolute;
  top: 50%;
  left: 0;
}
.gfield_checkbox br, .gfield_radio br {
  display: none;
}
.gfield_error input:not([type=button]):not([type=radio]):not([type=checkbox]):not([type=submit]) {
  border-bottom-color: #EE3124;
}
.gfield.show_label > label {
  color: #50525A;
  font-size: 1rem;
  opacity: 1;
}
.gfield.active label {
  opacity: 1;
  transform: translateY(0);
  transition: 0.2s ease;
}
.gfield .instruction.validation_message {
  color: #EE3124;
  font-size: 0.75rem;
}

.gform_footer {
  border-top: 2px solid #F2F2F2;
  padding-top: 2rem;
  text-align: right;
}

.gform_body label {
  color: #9FA1A7;
  display: block;
  font-size: 0.75rem;
  opacity: 0;
  transform: translateY(5px);
}
.gform_body label .gfield_required {
  display: none;
}
.gform_body label + .ginput_container_checkbox {
  margin-top: 0.5rem;
}

input:not([type=button]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=search]),
textarea {
  background: none;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #F2F2F2;
  outline: none;
  padding: 0.5rem 1.25rem 0.5rem 0;
  width: 100%;
}
input:not([type=button]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=search]):focus,
textarea:focus {
  border-bottom-color: #231F20;
  transition: border 0.3s ease;
}
input:not([type=button]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=search]):focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}
input:not([type=button]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=search])::placeholder,
textarea::placeholder {
  opacity: 1;
  text-overflow: ellipsis;
}

textarea {
  resize: none;
  height: 120px;
}

input[type=submit] {
  background: #EE3124;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 0.75rem 1rem;
  transition: 0.3s ease;
}
input[type=submit]:hover {
  background: #231F20;
  /*
          border-bottom-color: $black;
          color: $black;
  */
}

select {
  -webkit-appearance: none;
  -moz-appearance: window;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #F2F2F2;
  display: block;
  outline: none;
  padding: 0.5rem 1.25rem 0.5rem 0;
  width: 100%;
}
select:focus {
  border-bottom-color: #231F20;
  transition: border 0.3s ease;
}
select:focus::placeholder {
  opacity: 0;
}

.ui-datepicker {
  background: #fff;
  border: 1px solid #F2F2F2;
  box-shadow: 0 2px 10px rgba(35, 31, 32, 0.3);
  padding: 0.5rem;
}

.ui-datepicker-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  font-size: 0.875rem;
  width: 50%;
}
.ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker-header .ui-datepicker-next:hover {
  color: #231F20;
}
.ui-datepicker-header .ui-datepicker-next {
  text-align: right;
}
.ui-datepicker-header .ui-datepicker-title {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
  width: 100%;
}
.ui-datepicker-header .ui-datepicker-title select {
  width: 48%;
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  display: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
  display: block;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  color: #9FA1A7;
  font-size: 1rem;
  position: relative;
  display: block;
  overflow: hidden;
  border-bottom: 2px solid #F2F2F2;
  padding: 0.5rem 1.25rem 0.5rem 0;
  width: 100%;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-container-single .chosen-single input[type=text] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  width: 0;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single {
  border-bottom-color: #231F20;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

.campaign .gform_wrapper form {
  position: relative;
}
.campaign .gform_wrapper form .gform_heading {
  background-color: #e9eeeb;
  padding: 2rem 1rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_heading {
    padding: 3.5rem 0;
  }
}
.campaign .gform_wrapper form .gform_heading .gform_title {
  display: none;
}
.campaign .gform_wrapper form .gform_heading .gform_description {
  display: block;
  width: 100%;
  font-size: 1.25rem;
  font-family: "Faustina", Georgia, Times, serif;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.07rem;
  line-height: 1.25;
  margin: 0 auto;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_heading .gform_description {
    width: 70%;
    font-size: 24px;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_heading .gform_description {
    width: 50%;
  }
}
.campaign .gform_wrapper form .validation_error {
  width: 100%;
  font-weight: 600;
  color: #EE3124;
  padding: 0 1rem;
  margin: 3rem auto 0;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .validation_error {
    width: 80%;
    padding: 0;
    margin: 3rem auto -3rem;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .validation_error {
    width: 60%;
  }
}
.campaign .gform_wrapper form .validation_message {
  font-weight: 600;
}
.campaign .gform_wrapper form .gform_body {
  width: 100%;
  margin: 0 auto;
  padding: 2rem 1rem 5rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body {
    width: 80%;
    padding: 5rem 1rem;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_body {
    width: 60%;
    padding: 5rem 0;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield {
    margin-bottom: 2rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.gfield_contains_required:after {
  display: none;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield label {
  color: #000;
  font-size: 0.875rem;
  opacity: 1;
  margin-bottom: 0.5rem;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield hr {
  margin: 2rem 0 3.5rem;
  border: 1px solid #9FA1A7;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield hr {
    margin: 2.5rem 0 4rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield hr:nth-child(2) {
  margin: 1rem 0 2.7rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield hr:nth-child(2) {
    margin: 1.5rem 0 3.2rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield h2 {
  font-size: 20px;
  color: #EE3124;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  margin-bottom: 0;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield input[type=text], .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield input[type=email], .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield input[type=tel], .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield textarea {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-weight: 700;
  padding: 0.8rem;
  border: 1px solid #474c55;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield input[type=text]::placeholder, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield input[type=email]::placeholder, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield input[type=tel]::placeholder, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield textarea::placeholder {
  color: #c8c9cc;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield textarea {
  display: block;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .charleft.ginput_counter, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .screen-reader-text {
  font-family: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_name span:nth-child(1) {
  display: block;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_name {
    display: flex;
    justify-content: space-between;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_name span {
    width: 48%;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_name span:nth-child(1) {
    display: inline;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.phone-number, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.address, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.province, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.community-phone, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.project-budget {
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.phone-number:nth-child(odd), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.address:nth-child(odd), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.province:nth-child(odd), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.community-phone:nth-child(odd), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.project-budget:nth-child(odd) {
    padding-right: 2%;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.phone-number:nth-child(even), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.address:nth-child(even), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.province:nth-child(even), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.community-phone:nth-child(even), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.project-budget:nth-child(even) {
    padding-left: 2%;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.community-phone.gfield_visibility_visible, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.project-budget.gfield_visibility_visible {
  margin-bottom: 4.5rem;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.community-phone.gfield_visibility_visible:nth-child(odd), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.project-budget.gfield_visibility_visible:nth-child(odd) {
  padding-right: 0;
  padding-left: 2%;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.community-phone.gfield_visibility_visible:nth-child(even), .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.project-budget.gfield_visibility_visible:nth-child(even) {
  padding-right: 2%;
  padding-left: 0;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block {
  position: absolute;
  width: 100%;
  height: 795px;
  left: 0;
  background-color: #e9eeeb;
  padding: 2rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block {
    height: 580px;
    padding: 3rem 0;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block {
    height: 555px;
    padding: 3.8rem 0;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container {
    width: 85%;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container {
    width: 70%;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div {
  width: 40%;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div {
    width: 99px;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div {
    width: 129px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div p {
  text-transform: uppercase;
  color: #EE3124 !important;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div p {
    font-size: 13px;
    letter-spacing: 0.2rem;
    margin-bottom: 1rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div div {
  width: 100%;
  height: 129px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div div.community {
  background-image: url("/site-content/themes/rrm/img/svg-src/community_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div div.sustainability {
  background-image: url("/site-content/themes/rrm/img/svg-src/sustainability_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div div.volunteerism {
  background-image: url("/site-content/themes/rrm/img/svg-src/volunteerism_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container .icons div div.brokerage {
  background-image: url("/site-content/themes/rrm/img/svg-src/brokerage_icon.svg");
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container p {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container p:nth-child(odd) {
    padding-right: 2%;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block .info-container p:nth-child(even) {
    padding-left: 2%;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block + .gfield {
  margin-top: 1050px;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.info-block + .gfield {
    margin-top: calc(555px + 6rem);
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript {
  position: relative;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript label {
  width: 100%;
  margin-left: auto;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript label {
    padding-left: 3.5rem;
    margin-left: 56px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea {
  width: 100%;
  margin-left: auto;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:before {
  content: "";
  position: absolute;
  top: -112px;
  left: 0;
  width: 92px;
  height: 92px;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:after {
  position: absolute;
  top: -72px;
  left: 50%;
  transform: translateX(-50%);
  width: 132px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  color: #EE3124;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea {
    padding-left: 3.5rem;
    margin-left: 56px;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:before {
    content: "";
    position: absolute;
    top: 0;
    left: -56px;
    width: 132px;
    height: 132px;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:after {
    position: absolute;
    top: 142px;
    left: -56px;
    transform: none;
    width: 132px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    color: #EE3124;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:before {
    left: -66px;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:after {
    left: -66px;
  }
}
@media screen and (min-width: 70em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:before, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:before {
    left: -80px;
  }
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:after, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:after {
    left: -80px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea textarea {
  height: 437px;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.05rem;
  padding: 1rem 1.2rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea textarea, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea textarea {
    padding: 1.6 1.8rem;
  }
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .validation_message, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .validation_message, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .validation_message, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .validation_message {
    padding-left: 3.5rem;
    margin-left: 56px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:before {
  background-image: url("/site-content/themes/rrm/img/svg-src/community_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.commun-descript .ginput_container_textarea:after {
  content: "Community";
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:before {
  background-image: url("/site-content/themes/rrm/img/svg-src/sustainability_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.sustain-descript .ginput_container_textarea:after {
  content: "Sustainability";
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:before {
  background-image: url("/site-content/themes/rrm/img/svg-src/volunteerism_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.volunt-descript .ginput_container_textarea:after {
  content: "Volunteerism";
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:before {
  background-image: url("/site-content/themes/rrm/img/svg-src/brokerage_icon.svg");
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.broker-descript .ginput_container_textarea:after {
  content: "Brokerage Connection";
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_fileupload {
  text-align: right;
  margin-bottom: 11rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_fileupload {
    margin-right: -66px;
    margin-bottom: 6.4rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_fileupload .gform_drop_instructions {
  display: none;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_fileupload .button {
  background-color: #EE3124;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_fileupload .button:hover, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_fileupload .buttonfocus {
  background-color: #231F20;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_preview {
  position: relative;
  text-align: right;
  top: -10.1rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_preview {
    right: -66px;
    top: -5.5rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.upload, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.consent, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.captcha {
  position: relative;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.upload label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.consent label, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.captcha label {
  height: 1px;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.upload .screen-reader-text, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .screen-reader-text {
  position: absolute;
  top: -495px;
  left: 0;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.upload .screen-reader-text, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .screen-reader-text {
    top: -510px;
    left: 56px;
    padding-left: 3.5rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.upload .gfield_description, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .gfield_description {
  position: absolute;
  right: 0;
  top: 1.3rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.upload .gfield_description, .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .gfield_description {
    right: -66px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .ginput_container_fileupload {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .ginput_container_fileupload {
    margin-bottom: 6.4rem;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .ginput_preview {
  top: -1.6rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.last-upload .ginput_preview {
    top: -5.5rem;
  }
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield.consent .validation_message {
    margin-left: 132px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent {
  display: flex;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent {
    margin-left: 132px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent label {
  position: relative;
  clip: auto;
  width: auto;
  height: auto;
  font-family: "Faustina", Georgia, Times, serif;
  font-size: 16px;
  letter-spacing: 0.05rem;
  font-style: italic;
  opacity: 1;
  margin: 0;
  border: none;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent label a {
  text-decoration: underline;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent label:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  margin-right: 1rem;
  border: 1px solid #EE3124;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent label:before {
    width: 22px;
    height: 22px;
  }
}
@media screen and (min-width: 60em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent label:before {
    width: 30px;
    height: 30px;
  }
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent span.gfield_required {
  display: none;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent input[type=checkbox] {
  width: 1px;
  margin: 0;
  opacity: 0;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent input[type=checkbox]:checked + label::before {
  background-color: #EE3124;
  border: 1px solid #EE3124;
  box-shadow: inset 0 0 0 2px #fff;
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent input[type=checkbox]:checked + label {
  color: c(red);
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent input[type=checkbox]:focus + label::before {
  background-color: c(darkred);
  border: 1px solid c(darkred);
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .ginput_container_consent input[type=checkbox]:focus:checked + label {
  color: c(darkred);
}
.campaign .gform_wrapper form .gform_body ul.gform_fields .gfield .gfield_consent_description {
  display: none;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_body ul.gform_fields .gfield:last-of-type .validation_message {
    margin-left: 132px;
  }
}
.campaign .gform_wrapper form .gform_footer {
  text-align: center;
  padding: 0;
  border: none;
}
.campaign .gform_wrapper form .gform_footer .gform_button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding: 1.5rem 4.2rem;
}
@media screen and (min-width: 42em) {
  .campaign .gform_wrapper form .gform_footer .gform_button {
    bottom: -40px;
    font-size: 22px;
    padding: 1.8rem 4.5rem;
  }
}

#overlay {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  float: left;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

#gform-notification {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  display: block;
  margin: auto;
  width: 90%;
  max-width: 800px;
  padding: 3rem 2rem 2rem;
  text-align: center;
  z-index: 101;
}
@media screen and (min-width: 42em) {
  #gform-notification {
    padding: 5rem 3rem 4rem;
  }
}
#gform-notification .gform_confirmation_message > img {
  width: 73px;
  height: 73px;
}
@media screen and (min-width: 42em) {
  #gform-notification .gform_confirmation_message > img {
    width: 97px;
    height: 97px;
  }
}
#gform-notification .gform_confirmation_message h2 {
  font-family: "Faustina", Georgia, Times, serif;
  font-size: 1.25rem;
  letter-spacing: 0.05rem;
  font-weight: 500;
  font-style: italic;
  color: #EE3124;
  margin: 1.25rem auto;
}
@media screen and (min-width: 42em) {
  #gform-notification .gform_confirmation_message h2 {
    width: 75%;
    font-size: 26px;
  }
}
#gform-notification .gform_confirmation_message p {
  font-size: 1rem;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 42em) {
  #gform-notification .gform_confirmation_message p {
    font-size: 18px;
  }
}

#gform-notification .button {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 21px;
  height: 21px;
  appearance: none;
  background-color: transparent;
  border: none;
  text-align: center;
  padding: 0;
  transition: all 0.2s ease;
}
#gform-notification .button:hover, #gform-notification .button:focus {
  transform: scale(1.1);
}
@media screen and (min-width: 42em) {
  #gform-notification .button {
    width: 28px;
    height: 28px;
  }
}
#gform-notification .button img {
  width: 100%;
  height: 100%;
  max-width: none;
}

html.with-featherlight {
  overflow: hidden;
}

.featherlight {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: rgba(80, 82, 90, 0.9);
}
.featherlight:last-of-type {
  background: rgba(80, 82, 90, 0.9);
}
.featherlight:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.featherlight .featherlight-content {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  overflow: auto;
  padding: 35px 50px 50px;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-radius: 5px;
  margin-left: 5%;
  margin-right: 5%;
  max-height: 80%;
  background: #fff;
  cursor: auto;
  white-space: normal;
}
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block;
}
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}
.featherlight .featherlight-close-icon {
  position: absolute;
  z-index: 9999;
  top: 5%;
  right: 5%;
  line-height: 50px;
  width: 78px;
  cursor: pointer;
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff;
  background: none;
  color: white;
  border: none;
  padding: 0;
}
.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.featherlight .featherlight-close-icon .close-button {
  width: 100%;
  height: 24px;
  background: url(img/close-button.svg) center center no-repeat;
  background-size: contain;
}
.featherlight .featherlight-image {
  width: 100%;
}
.featherlight .featherlight-iframe .featherlight-content {
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}
.featherlight iframe {
  border: none;
}
.featherlight * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 959px) {
  .featherlight .featherlight-content {
    margin-left: 0;
    margin-right: 0;
    max-height: 70%;
    padding: 20px 20px 0;
    border-bottom: 20px solid transparent;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
@media (max-width: 675px) {
  #wpsl-gmap {
    display: none;
  }
}
#wpsl-stores ul li {
  padding-left: 0 !important;
}

.wpsl-search {
  background: transparent;
  padding: 0;
}
.wpsl-search #wpsl-search-wrap {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 1.5em;
}
.wpsl-search #wpsl-search-wrap div {
  margin-right: 0px;
}
@media screen and (min-width: 42em) {
  .wpsl-search #wpsl-search-wrap div {
    margin-right: 30px;
  }
}
.wpsl-search #wpsl-search-wrap div label {
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  padding-top: 2em;
}
.wpsl-search #wpsl-search-wrap #wpsl-search-btn {
  background: white;
  padding: 8px 2em;
  transition: all 0.3s ease;
  color: #EE3124;
  font-weight: 500;
  box-shadow: none;
}
.wpsl-search #wpsl-search-wrap #wpsl-search-btn:hover {
  border-bottom-color: #231F20;
  color: #231F20;
}
.wpsl-search #wpsl-search-wrap #wpsl-search-input {
  margin-top: 3px;
}
.wpsl-search #wpsl-search-wrap #wpsl-search-btn,
.wpsl-search #wpsl-search-wrap .wpsl-dropdown,
.wpsl-search #wpsl-search-wrap #wpsl-search-input {
  border-bottom: 3px solid #EE3124;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-radius: 0px !important;
}
.wpsl-search #wpsl-search-wrap .wpsl-selected-item:after {
  border: 5px solid transparent;
  border-top: 5px solid #EE3124;
}

/*
@import 'components/banner';
@import 'components/categories';
@import 'components/checkbox-tag';
@import 'components/divider';
@import 'components/excerpt';
@import 'components/file-upload';
@import 'components/header';
@import 'components/magnific-pop';
@import 'components/meter';
@import 'components/modal';
@import 'components/nav';
@import 'components/product';
@import 'components/search';
@import 'components/simple-like';
@import 'components/skip-content';
@import 'components/slick';
@import 'components/woo';
@import 'components/affiliate';
@import 'components/wordpress';
*/

/*# sourceMappingURL=style.css.map */