/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

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

/* List */
.list {
  margin: 0;
  padding: 0;
}

.list > li {
  display: inline-block;
}

/* Stacked list */
.list--stacked > li {
  display: block;
}


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

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

.m-10 {
  margin: 1rem;
}

.m-15 {
  margin: 1.5rem;
}

.m-30 {
  margin: 3rem;
}

.mb-30 {
  margin-bottom: 3.0rem;
}

.-mb-30 {
  margin-bottom: -3.0rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.-mb-15 {
  margin-bottom: -1.5rem;
}

.mb-025 {
  margin-bottom: .25rem;
}

.mb-050 {
  margin-bottom: .5rem;
}

.mb-075 {
  margin-bottom: .75rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.-mb-10 {
  margin-bottom: -1rem;
}

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

.mt-30 {
  margin-top: 3.0rem;
}

.-mt-30 {
  margin-top: -3.0rem;
}

.mt-10 {
  margin-top: 1rem;
}

.-mt-10 {
  margin-top: -1rem;
}

.mt-15 {
  margin-top: 1.5rem;
}

.-mt-15 {
  margin-top: -1.5rem;
}

.ml-05 {
  margin-left: .5rem;
}

.ml-10 {
  margin-left: 1.0rem;
}

.ml-15 {
  margin-left: 1.5rem;
}

.ml-20 {
  margin-left: 2rem;
}

.ml-25 {
  margin-left: 2.5rem;
}

.ml-30 {
  margin-left: 3.0rem;
}

.-ml-05 {
  margin-left: -.5rem;
}

.-ml-10 {
  margin-left: -1.0rem;
}

.-ml-15 {
  margin-left: -1.5rem;
}

.-ml-20 {
  margin-left: -2rem;
}

.-ml-25 {
  margin-left: -2.5rem;
}

.-ml-30 {
  margin-left: -3.0rem;
}

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

.mr-0 {
  margin: 0;
}

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

.mr-10 {
  margin-right: 1rem;
}

.mr-10--important {
  margin-right: 1rem!important;
}

.mr-15 {
  margin-right:1.5rem;
}

.mr-15--important {
  margin-right:1.5rem!important;
}

.mr-30 {
  margin-right: 3rem;
}


/*Padding*/
.p-0 {
  padding: 0;
}

.p-025 {
  padding: .25rem;
}

.p-05 {
  padding: .5rem;
}

.p-10 {
  padding: 1rem;
}

.p-15 {
  padding: 1.5rem;
}

.p-30 {
  padding: 3rem;
}

.pb-30 {
  padding-bottom: 3.0rem;
}

.pb-15 {
  padding-bottom: 1.5rem;
}

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

.pt-30 {
  padding-top: 3.0rem;
}

.pt-15 {
  padding-top: 1.5rem;
}

.pl-30 {
  padding-left: 3.0rem;
}

.-pl-30 {
  padding-left: -3.0rem;
}

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


.float-right {
  float: right;
}

.float-left {
  float: left;
}


.font-hairline, .fw-100 {
  font-weight: 100 !important;
}

.font-thin, .font-extralight, .fw-200 {
  font-weight: 200 !important;
}

.font-light, .fw-300 {
  font-weight: 300 !important;
}

.font-normal, .fw-400 {
  font-weight: 400 !important;
}

.font-medium, .fw-500 {
  font-weight: 500 !important;
}

.font-semibold, .fw-600 {
  font-weight: 600 !important;
}

.font-bold, .fw-700 {
  font-weight: 700 !important;
}

.font-extrabold, .fw-800 {
  font-weight: 800 !important;
}

.font-black, .fw-900 {
  font-weight: 900 !important;
}

/* Text transform*/
.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-unset {
  text-transform: unset;
}

.text-inherit {
  text-transform: inherit;
}

.text-none {
  text-transform: none;
}

/* Font size */
.fs-150x {
  font-size: 150%;
}

.fs-1x {
  font-size: 1em;
}

.fs-1\.5x {
  font-size: 1.5em;
}

.fs-2x {
  font-size: 2em;
}

.fs-3x {
  font-size: 3em;
}

.fs-4x {
  font-size: 4em;
}

.fs-5x {
  font-size: 5em;
}

.fs-6x {
  font-size: 6em;
}

.fs-7x {
  font-size: 7em;
}

.fs-8x {
  font-size: 8em;
}

.fs-9x {
  font-size: 9em;
}

.fs-10x {
  font-size: 10em;
}

.fs-11x {
  font-size: 11em;
}

.fs-12x {
  font-size: 12em;
}

.fs-13x {
  font-size: 13em;
}

.fs-14x {
  font-size: 14em;
}

.fs-15x {
  font-size: 15em;
}

.fs-16x {
  font-size: 16em;
}

.fs-17x {
  font-size: 17em;
}

.fs-18x {
  font-size: 18em;
}

.fs-19x {
  font-size: 19em;
}

.fs-20x {
  font-size: 20em;
}

/* Line height */
.lh-0 {
  line-height: 0;
}

.lh-\.5 {
  line-height: .5;
}

.lh-\.6 {
  line-height: .6;
}

.lh-\.7 {
  line-height: .7;
}

.lh-\.8 {
  line-height: .8;
}

.lh-\.9 {
  line-height: .9;
}

.lh-1 {
  line-height: 1;
}

.lh-unset {
  line-height: unset;
}

.lh-normal {
  line-height: normal;
}

/* Z-Index */
.z--1 {
  z-index: -1;
}

.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;
}

/*! artif Flexbox */
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -1.5rem;
  padding: 0
}

.flex-row > .flex-col {
  padding-left: 1.5rem;
  padding-bottom: 1.5rem
}

.flex-row--wide-gutter {
  margin-left: -3rem
}

.flex-row--wide-gutter > .flex-col {
  padding-left: 3rem;
  padding-bottom: 3rem
}

.flex-row--flush {
  margin: 0
}

.flex-row--flush > .flex-col {
  padding-left: 0
}

.flex-row.flex-row--no-bs > .flex-col {
  padding-bottom: 0
}

.flex-row > .flex-col--no-spacing {
  padding-left: 1.5rem;
  padding-bottom: 1.5rem
}

.flex-col {
  padding: 0
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.f-align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

.f-align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.f-align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.f-align-content-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.f-align-items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.f-align-content-space-between {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: justify;
  align-content: space-between
}

.f-justify-items-center {
  justify-items: center
}

.f-justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.f-justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.f-justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.f-justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.f-justify-content-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.f-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.f-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.f-direction-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.f-wrap, .flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.f-wrap-reverse, .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}

.f-nowrap, .flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.f-0 {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0
}

.f-0-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.f-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.f-auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

.f-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.f-grow-0 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.f-shrink-1 {
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.f-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.f-basis-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.f-push-left {
  margin-left: auto
}

.f-push-right {
  margin-right: auto
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

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

.block {
  display: block
}

.w20p {
  width: 20%
}

.w25p {
  width: 25%
}

.w33p {
  width: 33%
}

.w50p {
  width: 50%
}

.w60p {
  width: 60%
}

.mxw60p {
  max-width: 60%
}

.w75p {
  width: 75%
}

.w80p {
  width: 80%
}

.w100p {
  width: 100%
}

.w-auto {
  width: auto
}

.h-auto {
  height: auto
}

.h100p {
  height: 100%
}

.f200px {
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px
}

.f16p {
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%
}

.f20p {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%
}

.f25p {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%
}

.f33p {
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%
}

.f40p {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%
}

.f50p {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.f60p {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%
}

.f66p {
  -ms-flex-preferred-size: 66.6666666666%;
  flex-basis: 66.6666666666%
}

.f75p {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%
}

.f80p {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%
}

.f100p {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.hidden {
  display: none
}

.hidden--important {
  display: none !important
}

.invisible {
  visibility: hidden
}

.visible {
  display: block
}

.visible-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.visible-inline {
  display: inline
}

.visible-inline-block {
  display: inline-block
}

.visible-revert {
  display: revert;
}

.flex-row--flush {
  margin: 0
}

.flex-row--flush > .flex-col {
  padding-left: 0
}

@media (min-width: 480px) {
  .w20p--xs {
    width: 20%
  }

  .w25p--xs {
    width: 25%
  }

  .w30p--xs {
    width: 30%
  }

  .w33p--xs {
    width: 33.333333333%
  }

  .w40p--xs {
    width: 40%
  }

  .w50p--xs {
    width: 50%
  }

  .w60p--xs {
    width: 60%
  }

  .w66p--xs {
    width: 66.6666666666%
  }

  .w70p--xs {
    width: 70%
  }

  .w75p--xs {
    width: 75%
  }

  .w80p--xs {
    width: 80%
  }

  .w100p--xs {
    width: 100%
  }

  .w-auto--xs {
    width: auto
  }

  .f16p--xs {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--xs {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--xs {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--xs {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--xs {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--xs {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--xs {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--xs {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--xs {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--xs {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--xs {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--xs {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--xs {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-direction-column--xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-row-reverse--xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .f-direction-column-reverse--xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .f-wrap--xs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .f-wrap-reverse--xs {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }

  .f-nowrap--xs {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-align-items-center--xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .f-align-items-baseline--xs {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  /* Child modifiers */
  .f-pull-right--xs {
    margin-left: auto;
  }

  .f-pull-left--xs {
    margin-right: auto;
  }

  .hidden--xs {
    display: none
  }

  .visible--xs {
    display: block
  }

  .visible-inline-block--xs {
    display: inline-block
  }

  .visible--inline--xs {
    display: inline
  }

  .visible-flex--xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--xs {
    display: revert
  }

  .flex-row--flush--xs {
    margin: 0
  }

  .flex-row--flush--xs > .flex-col {
    padding-left: 0
  }
}

@media (min-width: 640px) {
  .w20p--s {
    width: 20%
  }

  .w25p--s {
    width: 25%
  }

  .w30p--s {
    width: 30%
  }

  .w33p--s {
    width: 33.333333333%
  }

  .w40p--s {
    width: 40%
  }

  .w50p--s {
    width: 50%
  }

  .w60p--s {
    width: 60%
  }

  .w66p--s {
    width: 66.6666666666%
  }

  .w70p--s {
    width: 70%
  }

  .w75p--s {
    width: 75%
  }

  .w80p--s {
    width: 80%
  }

  .w100p--s {
    width: 100%
  }

  .w-auto--s {
    width: auto
  }

  .f16p--s {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--s {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--s {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--s {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--s {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--s {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--s {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--s {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--s {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--s {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--s {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--s {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--s {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-auto--s {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .f-direction-column--s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--s {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-row-reverse--s {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .f-direction-column-reverse--s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

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

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

  .f-nowrap--s {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-align-items-center--s {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .f-align-items-baseline--s {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .f-pull-right--s {
    margin-left: auto;
  }

  .f-pull-left--s {
    margin-right: auto;
  }

  .hidden--s {
    display: none
  }

  .visible--s {
    display: block
  }

  .visible-inline-block--s {
    display: inline-block
  }

  .visible-inline--s {
    display: inline
  }

  .visible-flex--s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--s {
    display: revert
  }

  .flex-row--flush--s {
    margin: 0
  }

  .flex-row--flush--s > .flex-col {
    padding-left: 0
  }
}

@media (min-width: 768px) {
  .ml-15--m {
    margin-left: 1.5rem;
  }

  .mb-15--m {
    margin-bottom: 1.5rem;
  }

  .fs-150x--m {
    font-size: 150%;
  }

  .w20p--m {
    width: 20%
  }

  .w25p--m {
    width: 25%
  }

  .w30p--m {
    width: 30%
  }

  .w33p--m {
    width: 33.3333333333%
  }

  .w40p--m {
    width: 40%
  }

  .w50p--m {
    width: 50%
  }

  .w60p--m {
    width: 60%
  }

  .w66p--m {
    width: 66.6666666666%
  }

  .w70p--m {
    width: 70%
  }

  .w75p--m {
    width: 75%
  }

  .w80p--m {
    width: 80%
  }

  .w100p--m {
    width: 100%
  }

  .w-auto--m {
    width: auto
  }

  .f16p--m {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--m {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--m {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--m {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--m {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--m {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--m {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--m {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--m {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--m {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--m {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--m {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--m {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-auto--m {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .f-direction-column--m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-row-reverse--m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .f-direction-column-reverse--m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

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

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

  .f-nowrap--m{
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-align-items-center--m {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .f-align-items-baseline--m {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .f-align-content-center--m {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .f-justify-items-center--m {
    justify-items: center;
  }

  .f-justify-content-center--m {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .f-justify-content-start--m {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .f-pull-right--m {
    margin-left: auto;
  }

  .f-pull-left--m {
    margin-right: auto;
  }

  .f-grow-0--m {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }

  .f-grow-1--m {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  .flex-row--wide-gutter--m {
    margin-left: -3rem
  }

  .flex-row--wide-gutter--m > .flex-col {
    padding-left: 3rem;
    padding-bottom: 3rem
  }

  .hidden--m {
    display: none
  }

  .visible--m {
    display: block
  }

  .visible-inline-block--m {
    display: inline-block
  }

  .visible-inline--m {
    display: inline
  }

  .visible-flex--m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--m {
    display: revert
  }

  .flex-row--flush--m {
    margin: 0
  }

  .flex-row--flush--m > .flex-col {
    padding-left: 0
  }
}

@media (min-width: 960px) {
  .fs-150x--ml {
    font-size: 150%;
  }

  .w20p--ml {
    width: 20%
  }

  .w25p--ml {
    width: 25%
  }

  .w30p--ml {
    width: 30%
  }

  .w33p--ml {
    width: 33.3333333333%
  }

  .w40p--ml {
    width: 40%
  }

  .w50p--ml {
    width: 50%
  }

  .w60p--ml {
    width: 60%
  }

  .w66p--ml {
    width: 66.6666666666%
  }

  .w70p--ml {
    width: 70%
  }

  .w75p--ml {
    width: 75%
  }

  .w80p--ml {
    width: 80%
  }

  .w100p--ml {
    width: 100%
  }

  .w-auto--ml {
    width: auto
  }

  .f16p--ml {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--ml {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--ml {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--ml {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--ml {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--ml {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--ml {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--ml {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--ml {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--ml {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--ml {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--ml {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--ml {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-auto--ml {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .f-direction-column--ml {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--ml {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-row-reverse--ml {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .f-direction-column-reverse--ml {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .f-wrap--ml {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .f-wrap-reverse--ml {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }

  .f-nowrap--ml{
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-align-items-center--ml {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .f-align-items-baseline--ml {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .f-grow-0--ml {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }

  .f-grow-1--ml {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  .flex-row--wide-gutter--ml {
    margin-left: -3rem
  }

  .flex-row--wide-gutter--ml > .flex-col {
    padding-left: 3rem;
    padding-bottom: 3rem
  }

  .hidden--ml {
    display: none
  }

  .visible--ml {
    display: block
  }

  .visible-inline-block--ml {
    display: inline-block
  }

  .visible-inline--ml {
    display: inline
  }

  .visible-flex--ml {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--ml {
    display: revert
  }

  .flex-row--flush--ml {
    margin: 0
  }

  .flex-row--flush--ml > .flex-col {
    padding-left: 0
  }
}

@media (min-width: 1024px) {
  .w20p--l {
    width: 20%
  }

  .w25p--l {
    width: 25%
  }

  .w30p--l {
    width: 30%
  }

  .w33p--l {
    width: 33.3333333333%
  }

  .w40p--l {
    width: 40%
  }

  .w50p--l {
    width: 50%
  }

  .w60p--l {
    width: 60%
  }

  .w66p--l {
    width: 66.6666666666%
  }

  .w70p--l {
    width: 70%
  }

  .w75p--l {
    width: 75%
  }

  .w80p--l {
    width: 80%
  }

  .w100p--l {
    width: 100%
  }

  .w-auto--l {
    width: auto
  }

  .f16p--l {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--l {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--l {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f25p--l {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--l {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--l {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--l {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--l {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--l {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--l {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--l {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--l {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--l {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--l {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-auto--l {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .f-direction-column--l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-column-reverse--l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .f-direction-row-reverse--l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

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

  .f-basis-auto--l {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

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

  .f-nowrap--l {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-align-items-center--l {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .f-align-content-center--l {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .f-justify-items-center--l {
    justify-items: center;
  }

  .f-justify-content-center--l {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .f-justify-content-space-between--l {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .f-1--l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .f-grow-0--l {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }

  .flex-row--wide-gutter--l {
    margin-left: -3rem
  }

  .flex-row--wide-gutter--l > .flex-col {
    padding-left: 3rem;
    padding-bottom: 3rem
  }

  .hidden--l {
    display: none
  }

  .visible--l {
    display: block
  }

  .visible-inline-block--l {
    display: inline-block
  }

  .visible-inline--l {
    display: inline
  }

  .visible-flex--l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--l {
    display: revert
  }

  .flex-row--flush--l {
    margin: 0
  }

  .flex-row--flush--l > .flex-col {
    padding-left: 0
  }
}

@media (min-width: 1200px) {
  .w20p--xl {
    width: 20%
  }

  .w25p--xl {
    width: 25%
  }

  .w30p--xl {
    width: 30%
  }

  .w33p--xl {
    width: 33.3333333333%
  }

  .w40p--xl {
    width: 40%
  }

  .w50p--xl {
    width: 50%
  }

  .w60p--xl {
    width: 60%
  }

  .w66p--xl {
    width: 66.6666666666%
  }

  .w70p--xl {
    width: 70%
  }

  .w75p--xl {
    width: 75%
  }

  .w80p--xl {
    width: 80%
  }

  .w100p--xl {
    width: 100%
  }

  .w-auto--xl {
    width: auto
  }

  .f-0--xl {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
  }

  .f16p--xl {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--xl {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--xl {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f25p--xl {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--xl {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--xl {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--xl {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--xl {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--xl {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--xl {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--xl {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--xl {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--xl {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--xl {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-direction-column--xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-row-reverse--xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .f-direction-column-reverse--xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .f-align-items-center--xl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .f-align-content-center--xl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .f-justify-items-center--xl {
    justify-items: center;
  }

  .f-justify-content-center--xl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

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

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

  .f-nowrap--xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-justify-content-space-between--xl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .f-align-items-center--xl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .f-align-items-baseline--xl {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .f-auto--xl {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .hidden--xl {
    display: none
  }

  .visible--xl {
    display: block
  }

  .visible-inline-block--xl {
    display: inline-block
  }

  .visible-inline--xl {
    display: inline
  }

  .visible-flex--xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--xl {
    display: revert
  }

  .flex-row--flush--xl {
    margin: 0
  }

  .flex-row--flush--xl > .flex-col {
    padding-left: 0
  }
}

@media (min-width: 1500px) {
  .w20p--xxl {
    width: 20%
  }

  .w25p--xxl {
    width: 25%
  }

  .w30p--xxl {
    width: 30%
  }

  .w33p--xxl {
    width: 33.3333333333%
  }

  .w40p--xxl {
    width: 40%
  }

  .w50p--xxl {
    width: 50%
  }

  .w60p--xxl {
    width: 60%
  }

  .w66p--xxl {
    width: 66.6666666666%
  }

  .w70p--xxl {
    width: 70%
  }

  .w75p--xxl {
    width: 75%
  }

  .w80p--xxl {
    width: 80%
  }

  .w100p--xxl {
    width: 100%
  }

  .w-auto--xxl {
    width: auto
  }

  .f16p--xxl {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
  }

  .f20p--xxl {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
  }

  .f25p--xxl {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f25p--xxl {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }

  .f30p--xxl {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
  }

  .f33p--xxl {
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%
  }

  .f40p--xxl {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
  }

  .f50p--xxl {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }

  .f60p--xxl {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
  }

  .f66p--xxl {
    -ms-flex-preferred-size: 66.6666666666%;
    flex-basis: 66.6666666666%
  }

  .f70p--xxl {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
  }

  .f75p--xxl {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
  }

  .f80p--xxl {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
  }

  .f100p--xxl {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }

  .f-direction-column--xxl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-direction-row--xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .f-direction-column-reverse--xxl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .f-direction-row-reverse--xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .f-wrap--xxl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .f-wrap-reverse--xxl {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }

  .f-nowrap--xxl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .f-align-items-center--xxl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .f-align-items-baseline--xxl {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .hidden--xxl {
    display: none
  }

  .visible--xxl {
    display: block
  }

  .visible-inline-block--xxl {
    display: inline-block
  }

  .visible-inline--xxl {
    display: inline
  }

  .visible-flex--xxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .visible-revert--xxl {
    display: revert
  }

  .flex-row--flush--xxl {
    margin: 0
  }

  .flex-row--flush--xxl > .flex-col {
    padding-left: 0
  }
}