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

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

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

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

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

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

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

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

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

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

/**
 * Add the correct 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
   ========================================================================== */
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * A very simple reset that sits on top of Normalize.css.
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0;
}

/**
 * Simple page-level setup.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 */
html {
  font-size: 16px;
  /* [1] */
  line-height: 1.1875;
  /* [1] */
  min-height: 100%;
  /* [3] */
  font-family: "JensonMedium", times, serif;
  box-sizing: border-box;
}

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

body {
  color: #666;
}

/**
 * Use consistent font family in form elements
 */
button,
input,
optgroup,
select,
textarea {
  font-family: "JensonMedium", times, serif;
}

/**
 * Define heading font sizes
 */
h1 {
  font-size: 24px;
  line-height: 1.15;
}

h2 {
  font-size: 16px;
  line-height: 1.15;
}

h3 {
  font-size: 14px;
  line-height: 1.15;
}

h4 {
  font-size: 13px;
  line-height: 1.15;
}

h5 {
  font-size: 13px;
  line-height: 1.15;
}

h6 {
  font-size: 13px;
  line-height: 1.15;
}

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  height: auto;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */
}

/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * 1. Remove default table spacing.
 * 2. Ensure tables fill up as much space as possible.
 */
table {
  border-collapse: collapse;
  /* [1] */
  border-spacing: 0;
  /* [1] */
  width: 100%;
  /* [2] */
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
fieldset {
  min-width: 0;
  /* [1] */
  border: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

svg {
  vertical-align: middle;
}

.o-container,
.o-container-smaller,
.o-container-small {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.o-container:after,
.o-container-smaller:after,
.o-container-small:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.o-container {
  max-width: 1200px;
}

.o-container-smaller {
  max-width: 768px;
}

.o-container-small {
  max-width: 580px;
}

.o-container-medium {
  max-width: 940px !important;
}

/**
Layout

Use to align items on page.
By default all o-layout__item in an o-layout will have the same width.
 */
.o-layout {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.o-layout__item {
  flex: 1;
}

.o-layout-cols > * {
  box-sizing: border-box;
  flex-shrink: 0;
  margin-top: 20px;
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .o-layout-cols > * {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/**
Item order
Change the order of an item
Use this modifiers on the o-layout__item element to change the order of a particular item.
 */
.o-layout__item--order1 {
  order: 1;
}

.o-layout__item--order2 {
  order: 2;
}

.o-layout__item--order3 {
  order: 3;
}

.o-layout__item--order4 {
  order: 4;
}

.o-layout__item--order5 {
  order: 5;
}

.o-layout__item--order6 {
  order: 6;
}

.o-layout__item--order7 {
  order: 7;
}

.o-layout__item--order8 {
  order: 8;
}

.o-layout__item--order9 {
  order: 9;
}

.o-layout__item--order10 {
  order: 10;
}

.o-layout__item--order11 {
  order: 11;
}

.o-layout__item--order12 {
  order: 12;
}

/**
Item size
Alignment and auto size
Use o-layout__item--fit on an o-layout__item element to make its width equal to its content width.
 */
.o-layout__item--fit {
  flex: none;
}

@media screen and (min-width: 360px) {
  .o-layout__item--unfit-xxs {
    flex: 1 !important;
  }
}

@media screen and (min-width: 400px) {
  .o-layout__item--unfit-xs {
    flex: 1 !important;
  }
}

@media screen and (min-width: 576px) {
  .o-layout__item--unfit-sm {
    flex: 1 !important;
  }
}

@media screen and (min-width: 768px) {
  .o-layout__item--unfit-md {
    flex: 1 !important;
  }
}

@media screen and (min-width: 992px) {
  .o-layout__item--unfit-lg {
    flex: 1 !important;
  }
}

@media screen and (min-width: 1200px) {
  .o-layout__item--unfit-xl {
    flex: 1 !important;
  }
}

@media screen and (min-width: 1400px) {
  .o-layout__item--unfit-xxl {
    flex: 1 !important;
  }
}

@media screen and (min-width: 360px) {
  .o-layout__item--fit-xxs {
    flex: none !important;
  }
}

@media screen and (min-width: 400px) {
  .o-layout__item--fit-xs {
    flex: none !important;
  }
}

@media screen and (min-width: 576px) {
  .o-layout__item--fit-sm {
    flex: none !important;
  }
}

@media screen and (min-width: 768px) {
  .o-layout__item--fit-md {
    flex: none !important;
  }
}

@media screen and (min-width: 992px) {
  .o-layout__item--fit-lg {
    flex: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .o-layout__item--fit-xl {
    flex: none !important;
  }
}

@media screen and (min-width: 1400px) {
  .o-layout__item--fit-xxl {
    flex: none !important;
  }
}

@media screen and (min-width: 360px) {
  .o-layout-cols-xxs-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-xxs-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-xxs-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-xxs-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media screen and (min-width: 400px) {
  .o-layout-cols-xs-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-xs-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-xs-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-xs-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media screen and (min-width: 576px) {
  .o-layout-cols-sm-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-sm-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-sm-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .o-layout-cols-md-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-md-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-md-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-md-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media screen and (min-width: 992px) {
  .o-layout-cols-lg-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-lg-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-lg-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media screen and (min-width: 1200px) {
  .o-layout-cols-xl-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-xl-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-xl-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media screen and (min-width: 1400px) {
  .o-layout-cols-xxl-1 > * {
    flex: 0 0 100%;
    width: 100%;
  }
  .o-layout-cols-xxl-2 > * {
    flex: 0 0 50%;
    width: 50%;
  }
  .o-layout-cols-xxl-3 > * {
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .o-layout-cols-xxl-4 > * {
    flex: 0 0 25%;
    width: 25%;
  }
}

/**
Grid gutter
 */
.o-layout {
  margin-left: -10px;
  margin-right: -10px;
}

.o-layout > .o-layout__item {
  padding-left: 10px;
  padding-right: 10px;
}

.o-layout--margin-positive {
  margin-left: 10px;
  margin-right: 10px;
}

.o-layout--gutter-none {
  margin-left: 0;
  margin-right: 0;
}

.o-layout--gutter-none > .o-layout__item {
  padding-left: 0;
  padding-right: 0;
}

.o-layout--gutter-small {
  margin-left: -5px;
  margin-right: -5px;
}

.o-layout--gutter-small > .o-layout__item {
  padding-left: 5px;
  padding-right: 5px;
}

.o-layout--gutter-large {
  margin-left: -15px;
  margin-right: -15px;
}

.o-layout--gutter-large > .o-layout__item {
  padding-left: 15px;
  padding-right: 15px;
}

.o-layout--gutter-larger {
  margin-left: -20px;
  margin-right: -20px;
}

.o-layout--gutter-larger > .o-layout__item {
  padding-left: 20px;
  padding-right: 20px;
}

.o-layout--gutter-largest {
  margin-left: -25px;
  margin-right: -25px;
}

.o-layout--gutter-largest > .o-layout__item {
  padding-left: 25px;
  padding-right: 25px;
}

@media screen and (min-width: 360px) {
  .o-layout--gutter-none-xxs {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-xxs > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-xxs {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-xxs > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-xxs {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-xxs > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-xxs {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-xxs > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-xxs {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-xxs > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 400px) {
  .o-layout--gutter-none-xs {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-xs > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-xs {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-xs > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-xs {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-xs > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-xs {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-xs > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-xs {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-xs > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 576px) {
  .o-layout--gutter-none-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-sm > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-sm {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-sm > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-sm {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-sm > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-sm {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-sm > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-sm {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-sm > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 768px) {
  .o-layout--gutter-none-md {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-md > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-md {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-md > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-md {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-md > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-md {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-md > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-md {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-md > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 992px) {
  .o-layout--gutter-none-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-lg > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-lg {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-lg > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-lg {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-lg > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-lg {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-lg > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-lg {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-lg > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 1200px) {
  .o-layout--gutter-none-xl {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-xl > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-xl {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-xl > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-xl {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-xl > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-xl {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-xl > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-xl {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-xl > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 1400px) {
  .o-layout--gutter-none-xxl {
    margin-left: 0;
    margin-right: 0;
  }
  .o-layout--gutter-none-xxl > .o-layout__item {
    padding-left: 0;
    padding-right: 0;
  }
  .o-layout--gutter-small-xxl {
    margin-left: -5px;
    margin-right: -5px;
  }
  .o-layout--gutter-small-xxl > .o-layout__item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .o-layout--gutter-large-xxl {
    margin-left: -15px;
    margin-right: -15px;
  }
  .o-layout--gutter-large-xxl > .o-layout__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .o-layout--gutter-larger-xxl {
    margin-left: -20px;
    margin-right: -20px;
  }
  .o-layout--gutter-larger-xxl > .o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .o-layout--gutter-largest-xxl {
    margin-left: -25px;
    margin-right: -25px;
  }
  .o-layout--gutter-largest-xxl > .o-layout__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.o-layout--margin-none {
  margin-left: 0;
  margin-right: 0;
}

.mobile-spacing .o-layout--gutter-larger main.o-layout__item {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 576px) {
  .mobile-spacing .o-layout--gutter-larger main.o-layout__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*=================================
=Page Layout Helpers
=================================*/
.container-text {
  background: #e7eff2;
  margin-top: 30px;
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  .container-text {
    background: none;
    margin-top: 0;
    padding-top: 0;
  }
}

.border-left {
  border-left: none;
}

@media screen and (min-width: 768px) {
  .border-left {
    border-left: 3px solid #80a4b3;
    margin-bottom: 30px;
  }
}

.border-left.o-layout__item--fit {
  flex: 0 0 100%;
  min-width: 250px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .border-left.o-layout__item--fit {
    border-left: 3px solid #80a4b3;
    flex: none;
    margin-left: 75px;
    padding-left: 75px;
    width: auto;
  }
}

.content-spacing {
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .content-spacing {
    padding-bottom: 30px;
  }
}

/*----------------------------------
=Flex Styling (to replace with grid)
------------------------------------*/
.jl-flex-box {
  display: flex;
  flex-flow: column;
  margin: 10px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .jl-flex-box {
    flex-flow: row;
  }
}

.jl-flex-box .flex-element-even {
  flex: 1;
  margin: 10px;
}

.right-flex-flow {
  flex-flow: row;
}

.left-flex-flow {
  flex-flow: row-reverse;
}

.flex-element-twothirds {
  flex: 2;
  margin: 10px;
}

.flex-flip {
  order: inherit;
}

@media screen and (min-width: 768px) {
  .flex-flip {
    order: 2;
  }
}

.use-left-nav #jl-wrapper {
  display: flex;
  margin: 10px;
}

.use-left-nav #jl-wrapper #leftrail {
  flex-basis: 25%;
  margin: 10px;
  min-width: 300px;
}

.use-left-nav #jl-wrapper #content {
  margin: 10px;
}

.container-flex-even {
  display: flex;
  text-align: center;
}

.container-flex-column {
  display: flex;
  flex-flow: column;
}

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

/**
 Spacing utilities for padding and margin
 Eg available classes:
 .u-mt-small
 .u-pb-largest
 */
.u-p {
  padding: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-p-xxs {
    padding: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-xs {
    padding: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-sm {
    padding: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-md {
    padding: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-lg {
    padding: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-xl {
    padding: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-xxl {
    padding: 20px !important;
  }
}

.u-p-none {
  padding: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-p-none-xxs {
    padding: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-none-xs {
    padding: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-none-sm {
    padding: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-none-md {
    padding: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-none-lg {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-none-xl {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-none-xxl {
    padding: 0 !important;
  }
}

.u-p-smaller {
  padding: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-p-smaller-xxs {
    padding: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-smaller-xs {
    padding: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-smaller-sm {
    padding: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-smaller-md {
    padding: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-smaller-lg {
    padding: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-smaller-xl {
    padding: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-smaller-xxl {
    padding: 5px !important;
  }
}

.u-p-small {
  padding: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-p-small-xxs {
    padding: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-small-xs {
    padding: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-small-sm {
    padding: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-small-md {
    padding: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-small-lg {
    padding: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-small-xl {
    padding: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-small-xxl {
    padding: 10px !important;
  }
}

.u-p-medium {
  padding: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-p-medium-xxs {
    padding: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-medium-xs {
    padding: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-medium-sm {
    padding: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-medium-md {
    padding: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-medium-lg {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-medium-xl {
    padding: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-medium-xxl {
    padding: 16px !important;
  }
}

.u-p-large {
  padding: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-p-large-xxs {
    padding: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-large-xs {
    padding: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-large-sm {
    padding: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-large-md {
    padding: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-large-lg {
    padding: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-large-xl {
    padding: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-large-xxl {
    padding: 30px !important;
  }
}

.u-p-larger {
  padding: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-p-larger-xxs {
    padding: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-larger-xs {
    padding: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-larger-sm {
    padding: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-larger-md {
    padding: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-larger-lg {
    padding: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-larger-xl {
    padding: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-larger-xxl {
    padding: 30px !important;
  }
}

.u-p-largest {
  padding: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-p-largest-xxs {
    padding: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-largest-xs {
    padding: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-largest-sm {
    padding: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-largest-md {
    padding: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-largest-lg {
    padding: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-largest-xl {
    padding: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-largest-xxl {
    padding: 50px !important;
  }
}

.u-p-auto {
  padding: auto !important;
}

@media screen and (min-width: 360px) {
  .u-p-auto-xxs {
    padding: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-p-auto-xs {
    padding: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-p-auto-sm {
    padding: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-p-auto-md {
    padding: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-p-auto-lg {
    padding: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-p-auto-xl {
    padding: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-p-auto-xxl {
    padding: auto !important;
  }
}

.u-pt {
  padding-top: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-xxs {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-xs {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-sm {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-md {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-lg {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-xl {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-xxl {
    padding-top: 20px !important;
  }
}

.u-pt-none {
  padding-top: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-pt-none-xxs {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-none-xs {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-none-sm {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-none-md {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-none-lg {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-none-xl {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-none-xxl {
    padding-top: 0 !important;
  }
}

.u-pt-smaller {
  padding-top: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-smaller-xxs {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-smaller-xs {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-smaller-sm {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-smaller-md {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-smaller-lg {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-smaller-xl {
    padding-top: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-smaller-xxl {
    padding-top: 5px !important;
  }
}

.u-pt-small {
  padding-top: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-small-xxs {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-small-xs {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-small-sm {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-small-md {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-small-lg {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-small-xl {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-small-xxl {
    padding-top: 10px !important;
  }
}

.u-pt-medium {
  padding-top: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-medium-xxs {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-medium-xs {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-medium-sm {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-medium-md {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-medium-lg {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-medium-xl {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-medium-xxl {
    padding-top: 16px !important;
  }
}

.u-pt-large {
  padding-top: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-large-xxs {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-large-xs {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-large-sm {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-large-md {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-large-lg {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-large-xl {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-large-xxl {
    padding-top: 30px !important;
  }
}

.u-pt-larger {
  padding-top: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-larger-xxs {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-larger-xs {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-larger-sm {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-larger-md {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-larger-lg {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-larger-xl {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-larger-xxl {
    padding-top: 30px !important;
  }
}

.u-pt-largest {
  padding-top: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-pt-largest-xxs {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-largest-xs {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-largest-sm {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-largest-md {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-largest-lg {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-largest-xl {
    padding-top: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-largest-xxl {
    padding-top: 50px !important;
  }
}

.u-pt-auto {
  padding-top: auto !important;
}

@media screen and (min-width: 360px) {
  .u-pt-auto-xxs {
    padding-top: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pt-auto-xs {
    padding-top: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pt-auto-sm {
    padding-top: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pt-auto-md {
    padding-top: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pt-auto-lg {
    padding-top: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pt-auto-xl {
    padding-top: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pt-auto-xxl {
    padding-top: auto !important;
  }
}

.u-pr {
  padding-right: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-xxs {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-xs {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-sm {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-md {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-lg {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-xl {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-xxl {
    padding-right: 20px !important;
  }
}

.u-pr-none {
  padding-right: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-pr-none-xxs {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-none-xs {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-none-sm {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-none-md {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-none-lg {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-none-xl {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-none-xxl {
    padding-right: 0 !important;
  }
}

.u-pr-smaller {
  padding-right: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-smaller-xxs {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-smaller-xs {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-smaller-sm {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-smaller-md {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-smaller-lg {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-smaller-xl {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-smaller-xxl {
    padding-right: 5px !important;
  }
}

.u-pr-small {
  padding-right: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-small-xxs {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-small-xs {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-small-sm {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-small-md {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-small-lg {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-small-xl {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-small-xxl {
    padding-right: 10px !important;
  }
}

.u-pr-medium {
  padding-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-medium-xxs {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-medium-xs {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-medium-sm {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-medium-md {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-medium-lg {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-medium-xl {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-medium-xxl {
    padding-right: 16px !important;
  }
}

.u-pr-large {
  padding-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-large-xxs {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-large-xs {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-large-sm {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-large-md {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-large-lg {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-large-xl {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-large-xxl {
    padding-right: 30px !important;
  }
}

.u-pr-larger {
  padding-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-larger-xxs {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-larger-xs {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-larger-sm {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-larger-md {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-larger-lg {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-larger-xl {
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-larger-xxl {
    padding-right: 30px !important;
  }
}

.u-pr-largest {
  padding-right: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-pr-largest-xxs {
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-largest-xs {
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-largest-sm {
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-largest-md {
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-largest-lg {
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-largest-xl {
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-largest-xxl {
    padding-right: 50px !important;
  }
}

.u-pr-auto {
  padding-right: auto !important;
}

@media screen and (min-width: 360px) {
  .u-pr-auto-xxs {
    padding-right: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pr-auto-xs {
    padding-right: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pr-auto-sm {
    padding-right: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pr-auto-md {
    padding-right: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pr-auto-lg {
    padding-right: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pr-auto-xl {
    padding-right: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pr-auto-xxl {
    padding-right: auto !important;
  }
}

.u-pb {
  padding-bottom: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-xxs {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-xs {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-sm {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-md {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-lg {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-xl {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-xxl {
    padding-bottom: 20px !important;
  }
}

.u-pb-none {
  padding-bottom: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-pb-none-xxs {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-none-xs {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-none-sm {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-none-md {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-none-lg {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-none-xl {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-none-xxl {
    padding-bottom: 0 !important;
  }
}

.u-pb-smaller {
  padding-bottom: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-smaller-xxs {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-smaller-xs {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-smaller-sm {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-smaller-md {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-smaller-lg {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-smaller-xl {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-smaller-xxl {
    padding-bottom: 5px !important;
  }
}

.u-pb-small {
  padding-bottom: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-small-xxs {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-small-xs {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-small-sm {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-small-md {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-small-lg {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-small-xl {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-small-xxl {
    padding-bottom: 10px !important;
  }
}

.u-pb-medium {
  padding-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-medium-xxs {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-medium-xs {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-medium-sm {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-medium-md {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-medium-lg {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-medium-xl {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-medium-xxl {
    padding-bottom: 16px !important;
  }
}

.u-pb-large {
  padding-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-large-xxs {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-large-xs {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-large-sm {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-large-md {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-large-lg {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-large-xl {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-large-xxl {
    padding-bottom: 30px !important;
  }
}

.u-pb-larger {
  padding-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-larger-xxs {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-larger-xs {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-larger-sm {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-larger-md {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-larger-lg {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-larger-xl {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-larger-xxl {
    padding-bottom: 30px !important;
  }
}

.u-pb-largest {
  padding-bottom: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-pb-largest-xxs {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-largest-xs {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-largest-sm {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-largest-md {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-largest-lg {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-largest-xl {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-largest-xxl {
    padding-bottom: 50px !important;
  }
}

.u-pb-auto {
  padding-bottom: auto !important;
}

@media screen and (min-width: 360px) {
  .u-pb-auto-xxs {
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pb-auto-xs {
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pb-auto-sm {
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pb-auto-md {
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pb-auto-lg {
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pb-auto-xl {
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pb-auto-xxl {
    padding-bottom: auto !important;
  }
}

.u-pl {
  padding-left: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-xxs {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-xs {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-sm {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-md {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-lg {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-xl {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-xxl {
    padding-left: 20px !important;
  }
}

.u-pl-none {
  padding-left: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-pl-none-xxs {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-none-xs {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-none-sm {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-none-md {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-none-lg {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-none-xl {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-none-xxl {
    padding-left: 0 !important;
  }
}

.u-pl-smaller {
  padding-left: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-smaller-xxs {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-smaller-xs {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-smaller-sm {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-smaller-md {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-smaller-lg {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-smaller-xl {
    padding-left: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-smaller-xxl {
    padding-left: 5px !important;
  }
}

.u-pl-small {
  padding-left: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-small-xxs {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-small-xs {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-small-sm {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-small-md {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-small-lg {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-small-xl {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-small-xxl {
    padding-left: 10px !important;
  }
}

.u-pl-medium {
  padding-left: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-medium-xxs {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-medium-xs {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-medium-sm {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-medium-md {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-medium-lg {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-medium-xl {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-medium-xxl {
    padding-left: 16px !important;
  }
}

.u-pl-large {
  padding-left: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-large-xxs {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-large-xs {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-large-sm {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-large-md {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-large-lg {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-large-xl {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-large-xxl {
    padding-left: 30px !important;
  }
}

.u-pl-larger {
  padding-left: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-larger-xxs {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-larger-xs {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-larger-sm {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-larger-md {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-larger-lg {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-larger-xl {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-larger-xxl {
    padding-left: 30px !important;
  }
}

.u-pl-largest {
  padding-left: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-pl-largest-xxs {
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-largest-xs {
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-largest-sm {
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-largest-md {
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-largest-lg {
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-largest-xl {
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-largest-xxl {
    padding-left: 50px !important;
  }
}

.u-pl-auto {
  padding-left: auto !important;
}

@media screen and (min-width: 360px) {
  .u-pl-auto-xxs {
    padding-left: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pl-auto-xs {
    padding-left: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pl-auto-sm {
    padding-left: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pl-auto-md {
    padding-left: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pl-auto-lg {
    padding-left: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pl-auto-xl {
    padding-left: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pl-auto-xxl {
    padding-left: auto !important;
  }
}

.u-ph {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-xxs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-xs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-xl {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-xxl {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.u-ph-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-ph-none-xxs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-none-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-none-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-none-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-none-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-none-xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-none-xxl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.u-ph-smaller {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-smaller-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-smaller-xs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-smaller-sm {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-smaller-md {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-smaller-lg {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-smaller-xl {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-smaller-xxl {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

.u-ph-small {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-small-xxs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-small-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-small-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-small-md {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-small-lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-small-xl {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-small-xxl {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.u-ph-medium {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-medium-xxs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-medium-xs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-medium-sm {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-medium-md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-medium-lg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-medium-xl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-medium-xxl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.u-ph-large {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-large-xxs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-large-xs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-large-sm {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-large-md {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-large-lg {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-large-xl {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-large-xxl {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.u-ph-larger {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-larger-xxs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-larger-xs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-larger-sm {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-larger-md {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-larger-lg {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-larger-xl {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-larger-xxl {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.u-ph-largest {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-ph-largest-xxs {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-largest-xs {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-largest-sm {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-largest-md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-largest-lg {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-largest-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-largest-xxl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

.u-ph-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

@media screen and (min-width: 360px) {
  .u-ph-auto-xxs {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ph-auto-xs {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ph-auto-sm {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ph-auto-md {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ph-auto-lg {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ph-auto-xl {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ph-auto-xxl {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.u-pv {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-xxs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-xl {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-xxl {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.u-pv-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-pv-none-xxs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-none-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-none-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-none-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-none-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-none-xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-none-xxl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.u-pv-smaller {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-smaller-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-smaller-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-smaller-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-smaller-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-smaller-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-smaller-xl {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-smaller-xxl {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

.u-pv-small {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-small-xxs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-small-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-small-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-small-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-small-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-small-xl {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-small-xxl {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

.u-pv-medium {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-medium-xxs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-medium-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-medium-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-medium-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-medium-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-medium-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-medium-xxl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

.u-pv-large {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-large-xxs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-large-xs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-large-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-large-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-large-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-large-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-large-xxl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.u-pv-larger {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-larger-xxs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-larger-xs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-larger-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-larger-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-larger-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-larger-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-larger-xxl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

.u-pv-largest {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-pv-largest-xxs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-largest-xs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-largest-sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-largest-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-largest-lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-largest-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-largest-xxl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.u-pv-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media screen and (min-width: 360px) {
  .u-pv-auto-xxs {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-pv-auto-xs {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-pv-auto-sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-pv-auto-md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-pv-auto-lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-pv-auto-xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-pv-auto-xxl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

.u-m {
  margin: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-m-xxs {
    margin: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-xs {
    margin: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-sm {
    margin: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-md {
    margin: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-lg {
    margin: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-xl {
    margin: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-xxl {
    margin: 20px !important;
  }
}

.u-m-none {
  margin: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-m-none-xxs {
    margin: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-none-xs {
    margin: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-none-sm {
    margin: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-none-md {
    margin: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-none-lg {
    margin: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-none-xl {
    margin: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-none-xxl {
    margin: 0 !important;
  }
}

.u-m-smaller {
  margin: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-m-smaller-xxs {
    margin: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-smaller-xs {
    margin: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-smaller-sm {
    margin: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-smaller-md {
    margin: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-smaller-lg {
    margin: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-smaller-xl {
    margin: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-smaller-xxl {
    margin: 5px !important;
  }
}

.u-m-small {
  margin: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-m-small-xxs {
    margin: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-small-xs {
    margin: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-small-sm {
    margin: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-small-md {
    margin: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-small-lg {
    margin: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-small-xl {
    margin: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-small-xxl {
    margin: 10px !important;
  }
}

.u-m-medium {
  margin: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-m-medium-xxs {
    margin: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-medium-xs {
    margin: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-medium-sm {
    margin: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-medium-md {
    margin: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-medium-lg {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-medium-xl {
    margin: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-medium-xxl {
    margin: 16px !important;
  }
}

.u-m-large {
  margin: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-m-large-xxs {
    margin: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-large-xs {
    margin: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-large-sm {
    margin: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-large-md {
    margin: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-large-lg {
    margin: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-large-xl {
    margin: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-large-xxl {
    margin: 30px !important;
  }
}

.u-m-larger {
  margin: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-m-larger-xxs {
    margin: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-larger-xs {
    margin: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-larger-sm {
    margin: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-larger-md {
    margin: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-larger-lg {
    margin: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-larger-xl {
    margin: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-larger-xxl {
    margin: 30px !important;
  }
}

.u-m-largest {
  margin: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-m-largest-xxs {
    margin: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-largest-xs {
    margin: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-largest-sm {
    margin: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-largest-md {
    margin: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-largest-lg {
    margin: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-largest-xl {
    margin: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-largest-xxl {
    margin: 50px !important;
  }
}

.u-m-auto {
  margin: auto !important;
}

@media screen and (min-width: 360px) {
  .u-m-auto-xxs {
    margin: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-m-auto-xs {
    margin: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-m-auto-sm {
    margin: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-m-auto-md {
    margin: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-m-auto-lg {
    margin: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-m-auto-xl {
    margin: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-m-auto-xxl {
    margin: auto !important;
  }
}

.u-mt {
  margin-top: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-xxs {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-xs {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-sm {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-md {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-lg {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-xl {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-xxl {
    margin-top: 20px !important;
  }
}

.u-mt-none {
  margin-top: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-mt-none-xxs {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-none-xs {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-none-sm {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-none-md {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-none-lg {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-none-xl {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-none-xxl {
    margin-top: 0 !important;
  }
}

.u-mt-smaller {
  margin-top: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-smaller-xxs {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-smaller-xs {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-smaller-sm {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-smaller-md {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-smaller-lg {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-smaller-xl {
    margin-top: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-smaller-xxl {
    margin-top: 5px !important;
  }
}

.u-mt-small {
  margin-top: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-small-xxs {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-small-xs {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-small-sm {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-small-md {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-small-lg {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-small-xl {
    margin-top: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-small-xxl {
    margin-top: 10px !important;
  }
}

.u-mt-medium {
  margin-top: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-medium-xxs {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-medium-xs {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-medium-sm {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-medium-md {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-medium-lg {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-medium-xl {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-medium-xxl {
    margin-top: 16px !important;
  }
}

.u-mt-large {
  margin-top: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-large-xxs {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-large-xs {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-large-sm {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-large-md {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-large-lg {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-large-xl {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-large-xxl {
    margin-top: 30px !important;
  }
}

.u-mt-larger {
  margin-top: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-larger-xxs {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-larger-xs {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-larger-sm {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-larger-md {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-larger-lg {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-larger-xl {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-larger-xxl {
    margin-top: 30px !important;
  }
}

.u-mt-largest {
  margin-top: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-mt-largest-xxs {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-largest-xs {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-largest-sm {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-largest-md {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-largest-lg {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-largest-xl {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-largest-xxl {
    margin-top: 50px !important;
  }
}

.u-mt-auto {
  margin-top: auto !important;
}

@media screen and (min-width: 360px) {
  .u-mt-auto-xxs {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mt-auto-xs {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mt-auto-sm {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mt-auto-md {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mt-auto-lg {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mt-auto-xl {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mt-auto-xxl {
    margin-top: auto !important;
  }
}

.u-mr {
  margin-right: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-xxs {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-xs {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-sm {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-md {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-lg {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-xl {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-xxl {
    margin-right: 20px !important;
  }
}

.u-mr-none {
  margin-right: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-mr-none-xxs {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-none-xs {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-none-sm {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-none-md {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-none-lg {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-none-xl {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-none-xxl {
    margin-right: 0 !important;
  }
}

.u-mr-smaller {
  margin-right: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-smaller-xxs {
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-smaller-xs {
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-smaller-sm {
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-smaller-md {
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-smaller-lg {
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-smaller-xl {
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-smaller-xxl {
    margin-right: 5px !important;
  }
}

.u-mr-small {
  margin-right: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-small-xxs {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-small-xs {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-small-sm {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-small-md {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-small-lg {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-small-xl {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-small-xxl {
    margin-right: 10px !important;
  }
}

.u-mr-medium {
  margin-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-medium-xxs {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-medium-xs {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-medium-sm {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-medium-md {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-medium-lg {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-medium-xl {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-medium-xxl {
    margin-right: 16px !important;
  }
}

.u-mr-large {
  margin-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-large-xxs {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-large-xs {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-large-sm {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-large-md {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-large-lg {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-large-xl {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-large-xxl {
    margin-right: 30px !important;
  }
}

.u-mr-larger {
  margin-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-larger-xxs {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-larger-xs {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-larger-sm {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-larger-md {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-larger-lg {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-larger-xl {
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-larger-xxl {
    margin-right: 30px !important;
  }
}

.u-mr-largest {
  margin-right: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-mr-largest-xxs {
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-largest-xs {
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-largest-sm {
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-largest-md {
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-largest-lg {
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-largest-xl {
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-largest-xxl {
    margin-right: 50px !important;
  }
}

.u-mr-auto {
  margin-right: auto !important;
}

@media screen and (min-width: 360px) {
  .u-mr-auto-xxs {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mr-auto-xs {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mr-auto-sm {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mr-auto-md {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mr-auto-lg {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mr-auto-xl {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mr-auto-xxl {
    margin-right: auto !important;
  }
}

.u-mb {
  margin-bottom: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-xxs {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-xs {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-sm {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-md {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-lg {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-xl {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-xxl {
    margin-bottom: 20px !important;
  }
}

.u-mb-none {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-mb-none-xxs {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-none-xs {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-none-sm {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-none-md {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-none-lg {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-none-xl {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-none-xxl {
    margin-bottom: 0 !important;
  }
}

.u-mb-smaller {
  margin-bottom: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-smaller-xxs {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-smaller-xs {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-smaller-sm {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-smaller-md {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-smaller-lg {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-smaller-xl {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-smaller-xxl {
    margin-bottom: 5px !important;
  }
}

.u-mb-small {
  margin-bottom: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-small-xxs {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-small-xs {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-small-sm {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-small-md {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-small-lg {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-small-xl {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-small-xxl {
    margin-bottom: 10px !important;
  }
}

.u-mb-medium {
  margin-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-medium-xxs {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-medium-xs {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-medium-sm {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-medium-md {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-medium-lg {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-medium-xl {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-medium-xxl {
    margin-bottom: 16px !important;
  }
}

.u-mb-large {
  margin-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-large-xxs {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-large-xs {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-large-sm {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-large-md {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-large-lg {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-large-xl {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-large-xxl {
    margin-bottom: 30px !important;
  }
}

.u-mb-larger {
  margin-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-larger-xxs {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-larger-xs {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-larger-sm {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-larger-md {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-larger-lg {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-larger-xl {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-larger-xxl {
    margin-bottom: 30px !important;
  }
}

.u-mb-largest {
  margin-bottom: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-mb-largest-xxs {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-largest-xs {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-largest-sm {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-largest-md {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-largest-lg {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-largest-xl {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-largest-xxl {
    margin-bottom: 50px !important;
  }
}

.u-mb-auto {
  margin-bottom: auto !important;
}

@media screen and (min-width: 360px) {
  .u-mb-auto-xxs {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mb-auto-xs {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mb-auto-sm {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mb-auto-md {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mb-auto-lg {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mb-auto-xl {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mb-auto-xxl {
    margin-bottom: auto !important;
  }
}

.u-ml {
  margin-left: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-xxs {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-xs {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-sm {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-md {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-lg {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-xl {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-xxl {
    margin-left: 20px !important;
  }
}

.u-ml-none {
  margin-left: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-ml-none-xxs {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-none-xs {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-none-sm {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-none-md {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-none-lg {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-none-xl {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-none-xxl {
    margin-left: 0 !important;
  }
}

.u-ml-smaller {
  margin-left: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-smaller-xxs {
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-smaller-xs {
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-smaller-sm {
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-smaller-md {
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-smaller-lg {
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-smaller-xl {
    margin-left: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-smaller-xxl {
    margin-left: 5px !important;
  }
}

.u-ml-small {
  margin-left: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-small-xxs {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-small-xs {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-small-sm {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-small-md {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-small-lg {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-small-xl {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-small-xxl {
    margin-left: 10px !important;
  }
}

.u-ml-medium {
  margin-left: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-medium-xxs {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-medium-xs {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-medium-sm {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-medium-md {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-medium-lg {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-medium-xl {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-medium-xxl {
    margin-left: 16px !important;
  }
}

.u-ml-large {
  margin-left: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-large-xxs {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-large-xs {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-large-sm {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-large-md {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-large-lg {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-large-xl {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-large-xxl {
    margin-left: 30px !important;
  }
}

.u-ml-larger {
  margin-left: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-larger-xxs {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-larger-xs {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-larger-sm {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-larger-md {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-larger-lg {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-larger-xl {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-larger-xxl {
    margin-left: 30px !important;
  }
}

.u-ml-largest {
  margin-left: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-ml-largest-xxs {
    margin-left: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-largest-xs {
    margin-left: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-largest-sm {
    margin-left: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-largest-md {
    margin-left: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-largest-lg {
    margin-left: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-largest-xl {
    margin-left: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-largest-xxl {
    margin-left: 50px !important;
  }
}

.u-ml-auto {
  margin-left: auto !important;
}

@media screen and (min-width: 360px) {
  .u-ml-auto-xxs {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-ml-auto-xs {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-ml-auto-sm {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-ml-auto-md {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-ml-auto-lg {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-ml-auto-xl {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-ml-auto-xxl {
    margin-left: auto !important;
  }
}

.u-mh {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-xxs {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-xs {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-sm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-md {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-lg {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-xl {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-xxl {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

.u-mh-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-mh-none-xxs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-none-xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-none-sm {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-none-md {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-none-lg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-none-xl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-none-xxl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.u-mh-smaller {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-smaller-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-smaller-xs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-smaller-sm {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-smaller-md {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-smaller-lg {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-smaller-xl {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-smaller-xxl {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
}

.u-mh-small {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-small-xxs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-small-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-small-sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-small-md {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-small-lg {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-small-xl {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-small-xxl {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

.u-mh-medium {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-medium-xxs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-medium-xs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-medium-sm {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-medium-md {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-medium-lg {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-medium-xl {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-medium-xxl {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.u-mh-large {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-large-xxs {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-large-xs {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-large-sm {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-large-md {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-large-lg {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-large-xl {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-large-xxl {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

.u-mh-larger {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-larger-xxs {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-larger-xs {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-larger-sm {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-larger-md {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-larger-lg {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-larger-xl {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-larger-xxl {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

.u-mh-largest {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-mh-largest-xxs {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-largest-xs {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-largest-sm {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-largest-md {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-largest-lg {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-largest-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-largest-xxl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

.u-mh-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (min-width: 360px) {
  .u-mh-auto-xxs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mh-auto-xs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mh-auto-sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mh-auto-md {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mh-auto-lg {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mh-auto-xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mh-auto-xxl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.u-mv {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-xxs {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-xs {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-xl {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-xxl {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

.u-mv-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 360px) {
  .u-mv-none-xxs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-none-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-none-sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-none-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-none-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-none-xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-none-xxl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.u-mv-smaller {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-smaller-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-smaller-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-smaller-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-smaller-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-smaller-lg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-smaller-xl {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-smaller-xxl {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

.u-mv-small {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-small-xxs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-small-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-small-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-small-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-small-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-small-xl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-small-xxl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

.u-mv-medium {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-medium-xxs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-medium-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-medium-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-medium-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-medium-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-medium-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-medium-xxl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.u-mv-large {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-large-xxs {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-large-xs {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-large-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-large-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-large-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-large-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-large-xxl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

.u-mv-larger {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-larger-xxs {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-larger-xs {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-larger-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-larger-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-larger-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-larger-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-larger-xxl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

.u-mv-largest {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

@media screen and (min-width: 360px) {
  .u-mv-largest-xxs {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-largest-xs {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-largest-sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-largest-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-largest-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-largest-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-largest-xxl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

.u-mv-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media screen and (min-width: 360px) {
  .u-mv-auto-xxs {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-mv-auto-xs {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-mv-auto-sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-mv-auto-md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-mv-auto-lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-mv-auto-xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-mv-auto-xxl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

/**
 Position utilities
 */
.u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.u-clear-both {
  clear: both;
}

.u-float-left {
  float: left !important;
}

.u-float-right {
  float: right !important;
}

.u-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-position-absolute {
  position: absolute;
}

.u-position-relative {
  position: relative;
}

.u-position-static {
  position: static;
}

.u-position-fixed {
  position: fixed;
}

.u-position-sticky {
  position: sticky;
}

/**
 * Alignment utilities
 */
.u-align-baseline {
  vertical-align: baseline !important;
}

.u-align-top {
  vertical-align: top !important;
}

.u-align-middle {
  vertical-align: middle !important;
}

.u-align-bottom {
  vertical-align: bottom !important;
}

.u-align-text-bottom {
  vertical-align: text-bottom !important;
}

.u-align-text-top {
  vertical-align: text-top !important;
}

.u-align-items-start {
  align-items: flex-start !important;
}

.u-align-items-end {
  align-items: flex-end !important;
}

.u-align-items-center {
  align-items: center !important;
}

.u-align-items-baseline {
  align-items: baseline !important;
}

.u-align-items-stretch {
  align-items: stretch !important;
}

.u-align-self-auto {
  align-self: auto !important;
}

.u-align-self-start {
  align-self: flex-start !important;
}

.u-align-self-end {
  align-self: flex-end !important;
}

.u-align-self-center {
  align-self: center !important;
}

.u-align-self-baseline {
  align-self: baseline !important;
}

.u-align-self-stretch {
  align-self: stretch !important;
}

.u-align-content-start {
  align-content: flex-start !important;
}

.u-align-content-end {
  align-content: flex-end !important;
}

.u-align-content-center {
  align-content: center !important;
}

.u-align-content-between {
  align-content: space-between !important;
}

.u-align-content-around {
  align-content: space-around !important;
}

.u-align-content-stretch {
  align-content: stretch !important;
}

.u-justify-content-start {
  justify-content: flex-start !important;
}

.u-justify-content-end {
  justify-content: flex-end !important;
}

.u-justify-content-center {
  justify-content: center !important;
}

.u-justify-content-between {
  justify-content: space-between !important;
}

.u-justify-content-around {
  justify-content: space-around !important;
}

.u-direction-row {
  flex-direction: row !important;
}

.u-direction-column {
  flex-direction: column !important;
}

.u-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.u-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 360px) {
  .u-align-baseline-xxs {
    vertical-align: baseline !important;
  }
  .u-align-top-xxs {
    vertical-align: top !important;
  }
  .u-align-middle-xxs {
    vertical-align: middle !important;
  }
  .u-align-bottom-xxs {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-xxs {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-xxs {
    vertical-align: text-top !important;
  }
  .u-align-items-start-xxs {
    align-items: flex-start !important;
  }
  .u-align-items-end-xxs {
    align-items: flex-end !important;
  }
  .u-align-items-center-xxs {
    align-items: center !important;
  }
  .u-align-items-baseline-xxs {
    align-items: baseline !important;
  }
  .u-align-items-stretch-xxs {
    align-items: stretch !important;
  }
  .u-align-self-auto-xxs {
    align-self: auto !important;
  }
  .u-align-self-start-xxs {
    align-self: flex-start !important;
  }
  .u-align-self-end-xxs {
    align-self: flex-end !important;
  }
  .u-align-self-center-xxs {
    align-self: center !important;
  }
  .u-align-self-baseline-xxs {
    align-self: baseline !important;
  }
  .u-align-self-stretch-xxs {
    align-self: stretch !important;
  }
  .u-align-content-start-xxs {
    align-content: flex-start !important;
  }
  .u-align-content-end-xxs {
    align-content: flex-end !important;
  }
  .u-align-content-center-xxs {
    align-content: center !important;
  }
  .u-align-content-between-xxs {
    align-content: space-between !important;
  }
  .u-align-content-around-xxs {
    align-content: space-around !important;
  }
  .u-align-content-stretch-xxs {
    align-content: stretch !important;
  }
  .u-justify-content-start-xxs {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-xxs {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-xxs {
    justify-content: center !important;
  }
  .u-justify-content-between-xxs {
    justify-content: space-between !important;
  }
  .u-justify-content-around-xxs {
    justify-content: space-around !important;
  }
  .u-direction-row-xxs {
    flex-direction: row !important;
  }
  .u-direction-column-xxs {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-xxs {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-xxs {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 400px) {
  .u-align-baseline-xs {
    vertical-align: baseline !important;
  }
  .u-align-top-xs {
    vertical-align: top !important;
  }
  .u-align-middle-xs {
    vertical-align: middle !important;
  }
  .u-align-bottom-xs {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-xs {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-xs {
    vertical-align: text-top !important;
  }
  .u-align-items-start-xs {
    align-items: flex-start !important;
  }
  .u-align-items-end-xs {
    align-items: flex-end !important;
  }
  .u-align-items-center-xs {
    align-items: center !important;
  }
  .u-align-items-baseline-xs {
    align-items: baseline !important;
  }
  .u-align-items-stretch-xs {
    align-items: stretch !important;
  }
  .u-align-self-auto-xs {
    align-self: auto !important;
  }
  .u-align-self-start-xs {
    align-self: flex-start !important;
  }
  .u-align-self-end-xs {
    align-self: flex-end !important;
  }
  .u-align-self-center-xs {
    align-self: center !important;
  }
  .u-align-self-baseline-xs {
    align-self: baseline !important;
  }
  .u-align-self-stretch-xs {
    align-self: stretch !important;
  }
  .u-align-content-start-xs {
    align-content: flex-start !important;
  }
  .u-align-content-end-xs {
    align-content: flex-end !important;
  }
  .u-align-content-center-xs {
    align-content: center !important;
  }
  .u-align-content-between-xs {
    align-content: space-between !important;
  }
  .u-align-content-around-xs {
    align-content: space-around !important;
  }
  .u-align-content-stretch-xs {
    align-content: stretch !important;
  }
  .u-justify-content-start-xs {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-xs {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-xs {
    justify-content: center !important;
  }
  .u-justify-content-between-xs {
    justify-content: space-between !important;
  }
  .u-justify-content-around-xs {
    justify-content: space-around !important;
  }
  .u-direction-row-xs {
    flex-direction: row !important;
  }
  .u-direction-column-xs {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-xs {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-xs {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 576px) {
  .u-align-baseline-sm {
    vertical-align: baseline !important;
  }
  .u-align-top-sm {
    vertical-align: top !important;
  }
  .u-align-middle-sm {
    vertical-align: middle !important;
  }
  .u-align-bottom-sm {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-sm {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-sm {
    vertical-align: text-top !important;
  }
  .u-align-items-start-sm {
    align-items: flex-start !important;
  }
  .u-align-items-end-sm {
    align-items: flex-end !important;
  }
  .u-align-items-center-sm {
    align-items: center !important;
  }
  .u-align-items-baseline-sm {
    align-items: baseline !important;
  }
  .u-align-items-stretch-sm {
    align-items: stretch !important;
  }
  .u-align-self-auto-sm {
    align-self: auto !important;
  }
  .u-align-self-start-sm {
    align-self: flex-start !important;
  }
  .u-align-self-end-sm {
    align-self: flex-end !important;
  }
  .u-align-self-center-sm {
    align-self: center !important;
  }
  .u-align-self-baseline-sm {
    align-self: baseline !important;
  }
  .u-align-self-stretch-sm {
    align-self: stretch !important;
  }
  .u-align-content-start-sm {
    align-content: flex-start !important;
  }
  .u-align-content-end-sm {
    align-content: flex-end !important;
  }
  .u-align-content-center-sm {
    align-content: center !important;
  }
  .u-align-content-between-sm {
    align-content: space-between !important;
  }
  .u-align-content-around-sm {
    align-content: space-around !important;
  }
  .u-align-content-stretch-sm {
    align-content: stretch !important;
  }
  .u-justify-content-start-sm {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-sm {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-sm {
    justify-content: center !important;
  }
  .u-justify-content-between-sm {
    justify-content: space-between !important;
  }
  .u-justify-content-around-sm {
    justify-content: space-around !important;
  }
  .u-direction-row-sm {
    flex-direction: row !important;
  }
  .u-direction-column-sm {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-sm {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-sm {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 768px) {
  .u-align-baseline-md {
    vertical-align: baseline !important;
  }
  .u-align-top-md {
    vertical-align: top !important;
  }
  .u-align-middle-md {
    vertical-align: middle !important;
  }
  .u-align-bottom-md {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-md {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-md {
    vertical-align: text-top !important;
  }
  .u-align-items-start-md {
    align-items: flex-start !important;
  }
  .u-align-items-end-md {
    align-items: flex-end !important;
  }
  .u-align-items-center-md {
    align-items: center !important;
  }
  .u-align-items-baseline-md {
    align-items: baseline !important;
  }
  .u-align-items-stretch-md {
    align-items: stretch !important;
  }
  .u-align-self-auto-md {
    align-self: auto !important;
  }
  .u-align-self-start-md {
    align-self: flex-start !important;
  }
  .u-align-self-end-md {
    align-self: flex-end !important;
  }
  .u-align-self-center-md {
    align-self: center !important;
  }
  .u-align-self-baseline-md {
    align-self: baseline !important;
  }
  .u-align-self-stretch-md {
    align-self: stretch !important;
  }
  .u-align-content-start-md {
    align-content: flex-start !important;
  }
  .u-align-content-end-md {
    align-content: flex-end !important;
  }
  .u-align-content-center-md {
    align-content: center !important;
  }
  .u-align-content-between-md {
    align-content: space-between !important;
  }
  .u-align-content-around-md {
    align-content: space-around !important;
  }
  .u-align-content-stretch-md {
    align-content: stretch !important;
  }
  .u-justify-content-start-md {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-md {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-md {
    justify-content: center !important;
  }
  .u-justify-content-between-md {
    justify-content: space-between !important;
  }
  .u-justify-content-around-md {
    justify-content: space-around !important;
  }
  .u-direction-row-md {
    flex-direction: row !important;
  }
  .u-direction-column-md {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-md {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-md {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 992px) {
  .u-align-baseline-lg {
    vertical-align: baseline !important;
  }
  .u-align-top-lg {
    vertical-align: top !important;
  }
  .u-align-middle-lg {
    vertical-align: middle !important;
  }
  .u-align-bottom-lg {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-lg {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-lg {
    vertical-align: text-top !important;
  }
  .u-align-items-start-lg {
    align-items: flex-start !important;
  }
  .u-align-items-end-lg {
    align-items: flex-end !important;
  }
  .u-align-items-center-lg {
    align-items: center !important;
  }
  .u-align-items-baseline-lg {
    align-items: baseline !important;
  }
  .u-align-items-stretch-lg {
    align-items: stretch !important;
  }
  .u-align-self-auto-lg {
    align-self: auto !important;
  }
  .u-align-self-start-lg {
    align-self: flex-start !important;
  }
  .u-align-self-end-lg {
    align-self: flex-end !important;
  }
  .u-align-self-center-lg {
    align-self: center !important;
  }
  .u-align-self-baseline-lg {
    align-self: baseline !important;
  }
  .u-align-self-stretch-lg {
    align-self: stretch !important;
  }
  .u-align-content-start-lg {
    align-content: flex-start !important;
  }
  .u-align-content-end-lg {
    align-content: flex-end !important;
  }
  .u-align-content-center-lg {
    align-content: center !important;
  }
  .u-align-content-between-lg {
    align-content: space-between !important;
  }
  .u-align-content-around-lg {
    align-content: space-around !important;
  }
  .u-align-content-stretch-lg {
    align-content: stretch !important;
  }
  .u-justify-content-start-lg {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-lg {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-lg {
    justify-content: center !important;
  }
  .u-justify-content-between-lg {
    justify-content: space-between !important;
  }
  .u-justify-content-around-lg {
    justify-content: space-around !important;
  }
  .u-direction-row-lg {
    flex-direction: row !important;
  }
  .u-direction-column-lg {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-lg {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-lg {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-align-baseline-xl {
    vertical-align: baseline !important;
  }
  .u-align-top-xl {
    vertical-align: top !important;
  }
  .u-align-middle-xl {
    vertical-align: middle !important;
  }
  .u-align-bottom-xl {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-xl {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-xl {
    vertical-align: text-top !important;
  }
  .u-align-items-start-xl {
    align-items: flex-start !important;
  }
  .u-align-items-end-xl {
    align-items: flex-end !important;
  }
  .u-align-items-center-xl {
    align-items: center !important;
  }
  .u-align-items-baseline-xl {
    align-items: baseline !important;
  }
  .u-align-items-stretch-xl {
    align-items: stretch !important;
  }
  .u-align-self-auto-xl {
    align-self: auto !important;
  }
  .u-align-self-start-xl {
    align-self: flex-start !important;
  }
  .u-align-self-end-xl {
    align-self: flex-end !important;
  }
  .u-align-self-center-xl {
    align-self: center !important;
  }
  .u-align-self-baseline-xl {
    align-self: baseline !important;
  }
  .u-align-self-stretch-xl {
    align-self: stretch !important;
  }
  .u-align-content-start-xl {
    align-content: flex-start !important;
  }
  .u-align-content-end-xl {
    align-content: flex-end !important;
  }
  .u-align-content-center-xl {
    align-content: center !important;
  }
  .u-align-content-between-xl {
    align-content: space-between !important;
  }
  .u-align-content-around-xl {
    align-content: space-around !important;
  }
  .u-align-content-stretch-xl {
    align-content: stretch !important;
  }
  .u-justify-content-start-xl {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-xl {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-xl {
    justify-content: center !important;
  }
  .u-justify-content-between-xl {
    justify-content: space-between !important;
  }
  .u-justify-content-around-xl {
    justify-content: space-around !important;
  }
  .u-direction-row-xl {
    flex-direction: row !important;
  }
  .u-direction-column-xl {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-xl {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-xl {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-align-baseline-xxl {
    vertical-align: baseline !important;
  }
  .u-align-top-xxl {
    vertical-align: top !important;
  }
  .u-align-middle-xxl {
    vertical-align: middle !important;
  }
  .u-align-bottom-xxl {
    vertical-align: bottom !important;
  }
  .u-align-text-bottom-xxl {
    vertical-align: text-bottom !important;
  }
  .u-align-text-top-xxl {
    vertical-align: text-top !important;
  }
  .u-align-items-start-xxl {
    align-items: flex-start !important;
  }
  .u-align-items-end-xxl {
    align-items: flex-end !important;
  }
  .u-align-items-center-xxl {
    align-items: center !important;
  }
  .u-align-items-baseline-xxl {
    align-items: baseline !important;
  }
  .u-align-items-stretch-xxl {
    align-items: stretch !important;
  }
  .u-align-self-auto-xxl {
    align-self: auto !important;
  }
  .u-align-self-start-xxl {
    align-self: flex-start !important;
  }
  .u-align-self-end-xxl {
    align-self: flex-end !important;
  }
  .u-align-self-center-xxl {
    align-self: center !important;
  }
  .u-align-self-baseline-xxl {
    align-self: baseline !important;
  }
  .u-align-self-stretch-xxl {
    align-self: stretch !important;
  }
  .u-align-content-start-xxl {
    align-content: flex-start !important;
  }
  .u-align-content-end-xxl {
    align-content: flex-end !important;
  }
  .u-align-content-center-xxl {
    align-content: center !important;
  }
  .u-align-content-between-xxl {
    align-content: space-between !important;
  }
  .u-align-content-around-xxl {
    align-content: space-around !important;
  }
  .u-align-content-stretch-xxl {
    align-content: stretch !important;
  }
  .u-justify-content-start-xxl {
    justify-content: flex-start !important;
  }
  .u-justify-content-end-xxl {
    justify-content: flex-end !important;
  }
  .u-justify-content-center-xxl {
    justify-content: center !important;
  }
  .u-justify-content-between-xxl {
    justify-content: space-between !important;
  }
  .u-justify-content-around-xxl {
    justify-content: space-around !important;
  }
  .u-direction-row-xxl {
    flex-direction: row !important;
  }
  .u-direction-column-xxl {
    flex-direction: column !important;
  }
  .u-direction-row-reverse-xxl {
    flex-direction: row-reverse !important;
  }
  .u-direction-column-reverse-xxl {
    flex-direction: column-reverse !important;
  }
}

/**
Grid display
*/
.u-grid-flow-row {
  grid-auto-flow: row !important;
}

.u-grid-flow-dense {
  grid-auto-flow: dense !important;
}

.u-grid-flow-column {
  grid-auto-flow: column !important;
}

.u-grid-template-rows-7 {
  grid-template-rows: repeat(7, 1fr) !important;
}

/**
Flex
*/
.u-flex-nowrap {
  flex-wrap: nowrap !important;
}

.u-flex-wrap {
  flex-wrap: wrap !important;
}

.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.u-flex-revert {
  flex-wrap: revert !important;
}

.u-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.u-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.u-flex-grow-0 {
  flex-grow: 0 !important;
}

.u-flex-grow-1 {
  flex-grow: 1 !important;
}

/**
 * Border and box shadow utilities
 */
.u-border-none {
  border: 0 !important;
}

.u-border-transparent {
  border-color: transparent !important;
}

.u-box-shadow-none {
  box-shadow: none !important;
}

.u-border--none {
  border: 0 !important;
}

.u-border-t-none {
  border-top: 0 !important;
}

.u-border-r-none {
  border-right: 0 !important;
}

.u-border-b-none {
  border-bottom: 0 !important;
}

.u-border-l-none {
  border-left: 0 !important;
}

.u-border-h-none {
  border-left: 0 !important;
  border-right: 0 !important;
}

.u-border-v-none {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/**
 Font sizes
 */
.u-text-largest {
  font-size: 1.75rem !important;
}

.u-text-larger {
  font-size: 1.5rem !important;
}

.u-text-large {
  font-size: 1.125rem !important;
}

.u-text-medium {
  font-size: 1rem !important;
}

.u-text-small {
  font-size: 0.875rem !important;
}

.u-text-smaller {
  font-size: 0.813rem !important;
}

.u-text-smallest {
  font-size: 0.75rem !important;
}

/**
 Text alignment
 */
.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

/**
 Text alignment based on breakpoints
 */
.u-align-mobile {
  text-align: center !important;
}

@media screen and (min-width: 360px) {
  .u-align-mobile-xxs {
    text-align: left !important;
  }
}

@media screen and (min-width: 400px) {
  .u-align-mobile-xs {
    text-align: left !important;
  }
}

@media screen and (min-width: 576px) {
  .u-align-mobile-sm {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) {
  .u-align-mobile-md {
    text-align: left !important;
  }
}

@media screen and (min-width: 992px) {
  .u-align-mobile-lg {
    text-align: left !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-align-mobile-xl {
    text-align: left !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-align-mobile-xxl {
    text-align: left !important;
  }
}

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

.u-text-capitalize {
  text-transform: capitalize !important;
}

.u-text-lowercase {
  text-transform: lowercase !important;
}

.u-text-italic {
  font-style: italic;
}

.u-text-inherit {
  text-transform: inherit !important;
}

/**
 Font weight
 */
.u-font-weight-normal {
  font-family: "JensonMedium", times, serif !important;
}

.u-font-weight-bold {
  font-family: "JensonBold", times, serif !important;
}

/**
 Text misc
 */
.u-text-nowrap {
  white-space: nowrap !important;
}

.u-text-decoration-none {
  text-decoration: none !important;
}

.u-text-decoration-underline {
  text-decoration: underline !important;
}

.u-readable-text-width {
  max-width: 600px;
}

.u-text-letter-spacing {
  letter-spacing: 2px;
}

.u-text-letter-spacing-small {
  letter-spacing: 0.3px !important;
}

.u-text-letter-spacing-none {
  letter-spacing: normal;
}

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

.u-word-break-all {
  word-break: break-all;
}

.u-display-block {
  display: block !important;
}

.u-display-inline {
  display: inline !important;
}

.u-display-flex {
  display: flex !important;
}

.u-display-table {
  display: table !important;
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-display-inline-flex {
  display: inline-flex !important;
}

.u-display-inline-table {
  display: inline-table !important;
}

.u-display-table-cell {
  display: table-cell !important;
}

@media screen and (min-width: 360px) {
  .u-display-block-xxs {
    display: block !important;
  }
  .u-display-inline-xxs {
    display: inline !important;
  }
  .u-display-flex-xxs {
    display: flex !important;
  }
  .u-display-table-xxs {
    display: table !important;
  }
  .u-display-inline-block-xxs {
    display: inline-block !important;
  }
  .u-display-inline-flex-xxs {
    display: inline-flex !important;
  }
  .u-display-inline-table-xxs {
    display: inline-table !important;
  }
  .u-display-table-cell-xxs {
    display: table-cell !important;
  }
}

@media screen and (min-width: 400px) {
  .u-display-block-xs {
    display: block !important;
  }
  .u-display-inline-xs {
    display: inline !important;
  }
  .u-display-flex-xs {
    display: flex !important;
  }
  .u-display-table-xs {
    display: table !important;
  }
  .u-display-inline-block-xs {
    display: inline-block !important;
  }
  .u-display-inline-flex-xs {
    display: inline-flex !important;
  }
  .u-display-inline-table-xs {
    display: inline-table !important;
  }
  .u-display-table-cell-xs {
    display: table-cell !important;
  }
}

@media screen and (min-width: 576px) {
  .u-display-block-sm {
    display: block !important;
  }
  .u-display-inline-sm {
    display: inline !important;
  }
  .u-display-flex-sm {
    display: flex !important;
  }
  .u-display-table-sm {
    display: table !important;
  }
  .u-display-inline-block-sm {
    display: inline-block !important;
  }
  .u-display-inline-flex-sm {
    display: inline-flex !important;
  }
  .u-display-inline-table-sm {
    display: inline-table !important;
  }
  .u-display-table-cell-sm {
    display: table-cell !important;
  }
}

@media screen and (min-width: 768px) {
  .u-display-block-md {
    display: block !important;
  }
  .u-display-inline-md {
    display: inline !important;
  }
  .u-display-flex-md {
    display: flex !important;
  }
  .u-display-table-md {
    display: table !important;
  }
  .u-display-inline-block-md {
    display: inline-block !important;
  }
  .u-display-inline-flex-md {
    display: inline-flex !important;
  }
  .u-display-inline-table-md {
    display: inline-table !important;
  }
  .u-display-table-cell-md {
    display: table-cell !important;
  }
}

@media screen and (min-width: 992px) {
  .u-display-block-lg {
    display: block !important;
  }
  .u-display-inline-lg {
    display: inline !important;
  }
  .u-display-flex-lg {
    display: flex !important;
  }
  .u-display-table-lg {
    display: table !important;
  }
  .u-display-inline-block-lg {
    display: inline-block !important;
  }
  .u-display-inline-flex-lg {
    display: inline-flex !important;
  }
  .u-display-inline-table-lg {
    display: inline-table !important;
  }
  .u-display-table-cell-lg {
    display: table-cell !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-display-block-xl {
    display: block !important;
  }
  .u-display-inline-xl {
    display: inline !important;
  }
  .u-display-flex-xl {
    display: flex !important;
  }
  .u-display-table-xl {
    display: table !important;
  }
  .u-display-inline-block-xl {
    display: inline-block !important;
  }
  .u-display-inline-flex-xl {
    display: inline-flex !important;
  }
  .u-display-inline-table-xl {
    display: inline-table !important;
  }
  .u-display-table-cell-xl {
    display: table-cell !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-display-block-xxl {
    display: block !important;
  }
  .u-display-inline-xxl {
    display: inline !important;
  }
  .u-display-flex-xxl {
    display: flex !important;
  }
  .u-display-table-xxl {
    display: table !important;
  }
  .u-display-inline-block-xxl {
    display: inline-block !important;
  }
  .u-display-inline-flex-xxl {
    display: inline-flex !important;
  }
  .u-display-inline-table-xxl {
    display: inline-table !important;
  }
  .u-display-table-cell-xxl {
    display: table-cell !important;
  }
}

/**
 Hide only visually, but have it available for screen readers:
 http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hidden-visually {
  border: 0 !important;
  clip-path: inset(50%) !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

/**
 Hide visually and from screen readers.
 */
.u-hidden {
  display: none !important;
}

@media screen and (min-width: 360px) {
  .u-hidden-xxs {
    display: none !important;
  }
}

@media screen and (min-width: 400px) {
  .u-hidden-xs {
    display: none !important;
  }
}

@media screen and (min-width: 576px) {
  .u-hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .u-hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .u-hidden-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-hidden-xl {
    display: none !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-hidden-xxl {
    display: none !important;
  }
}

/**
 Show visually up to certain breakpoints
 */
.u-visible {
  display: block !important;
}

@media screen and (min-width: 360px) {
  .u-visible-xxs {
    display: block !important;
  }
}

@media screen and (min-width: 400px) {
  .u-visible-xs {
    display: block !important;
  }
}

@media screen and (min-width: 576px) {
  .u-visible-sm {
    display: block !important;
  }
}

@media screen and (min-width: 768px) {
  .u-visible-md {
    display: block !important;
  }
}

@media screen and (min-width: 992px) {
  .u-visible-lg {
    display: block !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-visible-xl {
    display: block !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-visible-xxl {
    display: block !important;
  }
}

/**
 * Overflow utilities
 */
.u-overflow-hidden {
  overflow: hidden !important;
}

.u-overflow-x-hidden {
  overflow: hidden !important;
}

.u-overflow-x-visible {
  overflow: visible !important;
}

.u-overflow-x-scroll {
  overflow: scroll !important;
}

.u-overflow-x-overlay {
  overflow: overlay !important;
}

.u-overflow-x-auto {
  overflow: auto !important;
}

.u-overflow-y-hidden {
  overflow: hidden !important;
}

.u-overflow-y-visible {
  overflow: visible !important;
}

.u-overflow-y-scroll {
  overflow: scroll !important;
}

.u-overflow-y-overlay {
  overflow: overlay !important;
}

.u-overflow-y-auto {
  overflow: auto !important;
}

.u-overflow-visible {
  overflow: visible !important;
}

.u-overflow-x-hidden {
  overflow: hidden !important;
}

.u-overflow-x-visible {
  overflow: visible !important;
}

.u-overflow-x-scroll {
  overflow: scroll !important;
}

.u-overflow-x-overlay {
  overflow: overlay !important;
}

.u-overflow-x-auto {
  overflow: auto !important;
}

.u-overflow-y-hidden {
  overflow: hidden !important;
}

.u-overflow-y-visible {
  overflow: visible !important;
}

.u-overflow-y-scroll {
  overflow: scroll !important;
}

.u-overflow-y-overlay {
  overflow: overlay !important;
}

.u-overflow-y-auto {
  overflow: auto !important;
}

.u-overflow-scroll {
  overflow: scroll !important;
}

.u-overflow-x-hidden {
  overflow: hidden !important;
}

.u-overflow-x-visible {
  overflow: visible !important;
}

.u-overflow-x-scroll {
  overflow: scroll !important;
}

.u-overflow-x-overlay {
  overflow: overlay !important;
}

.u-overflow-x-auto {
  overflow: auto !important;
}

.u-overflow-y-hidden {
  overflow: hidden !important;
}

.u-overflow-y-visible {
  overflow: visible !important;
}

.u-overflow-y-scroll {
  overflow: scroll !important;
}

.u-overflow-y-overlay {
  overflow: overlay !important;
}

.u-overflow-y-auto {
  overflow: auto !important;
}

.u-overflow-overlay {
  overflow: overlay !important;
}

.u-overflow-x-hidden {
  overflow: hidden !important;
}

.u-overflow-x-visible {
  overflow: visible !important;
}

.u-overflow-x-scroll {
  overflow: scroll !important;
}

.u-overflow-x-overlay {
  overflow: overlay !important;
}

.u-overflow-x-auto {
  overflow: auto !important;
}

.u-overflow-y-hidden {
  overflow: hidden !important;
}

.u-overflow-y-visible {
  overflow: visible !important;
}

.u-overflow-y-scroll {
  overflow: scroll !important;
}

.u-overflow-y-overlay {
  overflow: overlay !important;
}

.u-overflow-y-auto {
  overflow: auto !important;
}

.u-overflow-auto {
  overflow: auto !important;
}

.u-overflow-x-hidden {
  overflow: hidden !important;
}

.u-overflow-x-visible {
  overflow: visible !important;
}

.u-overflow-x-scroll {
  overflow: scroll !important;
}

.u-overflow-x-overlay {
  overflow: overlay !important;
}

.u-overflow-x-auto {
  overflow: auto !important;
}

.u-overflow-y-hidden {
  overflow: hidden !important;
}

.u-overflow-y-visible {
  overflow: visible !important;
}

.u-overflow-y-scroll {
  overflow: scroll !important;
}

.u-overflow-y-overlay {
  overflow: overlay !important;
}

.u-overflow-y-auto {
  overflow: auto !important;
}

@media screen and (min-width: 360px) {
  .u-overflow-hidden-xxs {
    overflow: hidden !important;
  }
  .u-overflow-visible-xxs {
    overflow: visible !important;
  }
  .u-overflow-scroll-xxs {
    overflow: scroll !important;
  }
  .u-overflow-overlay-xxs {
    overflow: overlay !important;
  }
  .u-overflow-auto-xxs {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-xxs {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-xxs {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-xxs {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-xxs {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-xxs {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-xxs {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-xxs {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-xxs {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-xxs {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-xxs {
    overflow: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-overflow-hidden-xs {
    overflow: hidden !important;
  }
  .u-overflow-visible-xs {
    overflow: visible !important;
  }
  .u-overflow-scroll-xs {
    overflow: scroll !important;
  }
  .u-overflow-overlay-xs {
    overflow: overlay !important;
  }
  .u-overflow-auto-xs {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-xs {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-xs {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-xs {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-xs {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-xs {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-xs {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-xs {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-xs {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-xs {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-xs {
    overflow: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-overflow-hidden-sm {
    overflow: hidden !important;
  }
  .u-overflow-visible-sm {
    overflow: visible !important;
  }
  .u-overflow-scroll-sm {
    overflow: scroll !important;
  }
  .u-overflow-overlay-sm {
    overflow: overlay !important;
  }
  .u-overflow-auto-sm {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-sm {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-sm {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-sm {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-sm {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-sm {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-sm {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-sm {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-sm {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-sm {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-sm {
    overflow: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-overflow-hidden-md {
    overflow: hidden !important;
  }
  .u-overflow-visible-md {
    overflow: visible !important;
  }
  .u-overflow-scroll-md {
    overflow: scroll !important;
  }
  .u-overflow-overlay-md {
    overflow: overlay !important;
  }
  .u-overflow-auto-md {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-md {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-md {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-md {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-md {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-md {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-md {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-md {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-md {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-md {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-md {
    overflow: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-overflow-hidden-lg {
    overflow: hidden !important;
  }
  .u-overflow-visible-lg {
    overflow: visible !important;
  }
  .u-overflow-scroll-lg {
    overflow: scroll !important;
  }
  .u-overflow-overlay-lg {
    overflow: overlay !important;
  }
  .u-overflow-auto-lg {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-lg {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-lg {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-lg {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-lg {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-lg {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-lg {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-lg {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-lg {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-lg {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-lg {
    overflow: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-overflow-hidden-xl {
    overflow: hidden !important;
  }
  .u-overflow-visible-xl {
    overflow: visible !important;
  }
  .u-overflow-scroll-xl {
    overflow: scroll !important;
  }
  .u-overflow-overlay-xl {
    overflow: overlay !important;
  }
  .u-overflow-auto-xl {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-xl {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-xl {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-xl {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-xl {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-xl {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-xl {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-xl {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-xl {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-xl {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-xl {
    overflow: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-overflow-hidden-xxl {
    overflow: hidden !important;
  }
  .u-overflow-visible-xxl {
    overflow: visible !important;
  }
  .u-overflow-scroll-xxl {
    overflow: scroll !important;
  }
  .u-overflow-overlay-xxl {
    overflow: overlay !important;
  }
  .u-overflow-auto-xxl {
    overflow: auto !important;
  }
  .u-overflow-x-hidden-xxl {
    overflow: hidden !important;
  }
  .u-overflow-x-visible-xxl {
    overflow: visible !important;
  }
  .u-overflow-x-scroll-xxl {
    overflow: scroll !important;
  }
  .u-overflow-x-overlay-xxl {
    overflow: overlay !important;
  }
  .u-overflow-x-auto-xxl {
    overflow: auto !important;
  }
  .u-overflow-y-hidden-xxl {
    overflow: hidden !important;
  }
  .u-overflow-y-visible-xxl {
    overflow: visible !important;
  }
  .u-overflow-y-scroll-xxl {
    overflow: scroll !important;
  }
  .u-overflow-y-overlay-xxl {
    overflow: overlay !important;
  }
  .u-overflow-y-auto-xxl {
    overflow: auto !important;
  }
}

/**
 Widths to be used with o-layout to generate grid

 Eg available classes:
 .u-1of3 -> 33.33%
 .u-2of3 -> 66.66%
 .u-2of5 -> 40%
 .u-3of5 -> 60%

 The maximum dividing number is defined in $grid-fractions, meaning there is no u-1of{max($grid-fractions)} available
 */
.u-1of1 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset1of1 {
  margin-left: 100%;
}

.u-1of2 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-offset1of2 {
  margin-left: 50%;
}

.u-2of2 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset2of2 {
  margin-left: 100%;
}

.u-1of3 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.u-offset1of3 {
  margin-left: 33.33333%;
}

.u-2of3 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.u-offset2of3 {
  margin-left: 66.66667%;
}

.u-3of3 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset3of3 {
  margin-left: 100%;
}

.u-1of4 {
  flex: 0 0 25%;
  max-width: 25%;
}

.u-offset1of4 {
  margin-left: 25%;
}

.u-2of4 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-offset2of4 {
  margin-left: 50%;
}

.u-3of4 {
  flex: 0 0 75%;
  max-width: 75%;
}

.u-offset3of4 {
  margin-left: 75%;
}

.u-4of4 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset4of4 {
  margin-left: 100%;
}

.u-1of5 {
  flex: 0 0 20%;
  max-width: 20%;
}

.u-offset1of5 {
  margin-left: 20%;
}

.u-2of5 {
  flex: 0 0 40%;
  max-width: 40%;
}

.u-offset2of5 {
  margin-left: 40%;
}

.u-3of5 {
  flex: 0 0 60%;
  max-width: 60%;
}

.u-offset3of5 {
  margin-left: 60%;
}

.u-4of5 {
  flex: 0 0 80%;
  max-width: 80%;
}

.u-offset4of5 {
  margin-left: 80%;
}

.u-5of5 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset5of5 {
  margin-left: 100%;
}

.u-1of6 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.u-offset1of6 {
  margin-left: 16.66667%;
}

.u-2of6 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.u-offset2of6 {
  margin-left: 33.33333%;
}

.u-3of6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-offset3of6 {
  margin-left: 50%;
}

.u-4of6 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.u-offset4of6 {
  margin-left: 66.66667%;
}

.u-5of6 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.u-offset5of6 {
  margin-left: 83.33333%;
}

.u-6of6 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset6of6 {
  margin-left: 100%;
}

.u-1of7 {
  flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.u-offset1of7 {
  margin-left: 14.28571%;
}

.u-2of7 {
  flex: 0 0 28.57143%;
  max-width: 28.57143%;
}

.u-offset2of7 {
  margin-left: 28.57143%;
}

.u-3of7 {
  flex: 0 0 42.85714%;
  max-width: 42.85714%;
}

.u-offset3of7 {
  margin-left: 42.85714%;
}

.u-4of7 {
  flex: 0 0 57.14286%;
  max-width: 57.14286%;
}

.u-offset4of7 {
  margin-left: 57.14286%;
}

.u-5of7 {
  flex: 0 0 71.42857%;
  max-width: 71.42857%;
}

.u-offset5of7 {
  margin-left: 71.42857%;
}

.u-6of7 {
  flex: 0 0 85.71429%;
  max-width: 85.71429%;
}

.u-offset6of7 {
  margin-left: 85.71429%;
}

.u-7of7 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset7of7 {
  margin-left: 100%;
}

.u-1of8 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.u-offset1of8 {
  margin-left: 12.5%;
}

.u-2of8 {
  flex: 0 0 25%;
  max-width: 25%;
}

.u-offset2of8 {
  margin-left: 25%;
}

.u-3of8 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.u-offset3of8 {
  margin-left: 37.5%;
}

.u-4of8 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-offset4of8 {
  margin-left: 50%;
}

.u-5of8 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.u-offset5of8 {
  margin-left: 62.5%;
}

.u-6of8 {
  flex: 0 0 75%;
  max-width: 75%;
}

.u-offset6of8 {
  margin-left: 75%;
}

.u-7of8 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.u-offset7of8 {
  margin-left: 87.5%;
}

.u-8of8 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset8of8 {
  margin-left: 100%;
}

.u-1of9 {
  flex: 0 0 11.11111%;
  max-width: 11.11111%;
}

.u-offset1of9 {
  margin-left: 11.11111%;
}

.u-2of9 {
  flex: 0 0 22.22222%;
  max-width: 22.22222%;
}

.u-offset2of9 {
  margin-left: 22.22222%;
}

.u-3of9 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.u-offset3of9 {
  margin-left: 33.33333%;
}

.u-4of9 {
  flex: 0 0 44.44444%;
  max-width: 44.44444%;
}

.u-offset4of9 {
  margin-left: 44.44444%;
}

.u-5of9 {
  flex: 0 0 55.55556%;
  max-width: 55.55556%;
}

.u-offset5of9 {
  margin-left: 55.55556%;
}

.u-6of9 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.u-offset6of9 {
  margin-left: 66.66667%;
}

.u-7of9 {
  flex: 0 0 77.77778%;
  max-width: 77.77778%;
}

.u-offset7of9 {
  margin-left: 77.77778%;
}

.u-8of9 {
  flex: 0 0 88.88889%;
  max-width: 88.88889%;
}

.u-offset8of9 {
  margin-left: 88.88889%;
}

.u-9of9 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset9of9 {
  margin-left: 100%;
}

.u-1of10 {
  flex: 0 0 10%;
  max-width: 10%;
}

.u-offset1of10 {
  margin-left: 10%;
}

.u-2of10 {
  flex: 0 0 20%;
  max-width: 20%;
}

.u-offset2of10 {
  margin-left: 20%;
}

.u-3of10 {
  flex: 0 0 30%;
  max-width: 30%;
}

.u-offset3of10 {
  margin-left: 30%;
}

.u-4of10 {
  flex: 0 0 40%;
  max-width: 40%;
}

.u-offset4of10 {
  margin-left: 40%;
}

.u-5of10 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-offset5of10 {
  margin-left: 50%;
}

.u-6of10 {
  flex: 0 0 60%;
  max-width: 60%;
}

.u-offset6of10 {
  margin-left: 60%;
}

.u-7of10 {
  flex: 0 0 70%;
  max-width: 70%;
}

.u-offset7of10 {
  margin-left: 70%;
}

.u-8of10 {
  flex: 0 0 80%;
  max-width: 80%;
}

.u-offset8of10 {
  margin-left: 80%;
}

.u-9of10 {
  flex: 0 0 90%;
  max-width: 90%;
}

.u-offset9of10 {
  margin-left: 90%;
}

.u-10of10 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset10of10 {
  margin-left: 100%;
}

.u-1of11 {
  flex: 0 0 9.09091%;
  max-width: 9.09091%;
}

.u-offset1of11 {
  margin-left: 9.09091%;
}

.u-2of11 {
  flex: 0 0 18.18182%;
  max-width: 18.18182%;
}

.u-offset2of11 {
  margin-left: 18.18182%;
}

.u-3of11 {
  flex: 0 0 27.27273%;
  max-width: 27.27273%;
}

.u-offset3of11 {
  margin-left: 27.27273%;
}

.u-4of11 {
  flex: 0 0 36.36364%;
  max-width: 36.36364%;
}

.u-offset4of11 {
  margin-left: 36.36364%;
}

.u-5of11 {
  flex: 0 0 45.45455%;
  max-width: 45.45455%;
}

.u-offset5of11 {
  margin-left: 45.45455%;
}

.u-6of11 {
  flex: 0 0 54.54545%;
  max-width: 54.54545%;
}

.u-offset6of11 {
  margin-left: 54.54545%;
}

.u-7of11 {
  flex: 0 0 63.63636%;
  max-width: 63.63636%;
}

.u-offset7of11 {
  margin-left: 63.63636%;
}

.u-8of11 {
  flex: 0 0 72.72727%;
  max-width: 72.72727%;
}

.u-offset8of11 {
  margin-left: 72.72727%;
}

.u-9of11 {
  flex: 0 0 81.81818%;
  max-width: 81.81818%;
}

.u-offset9of11 {
  margin-left: 81.81818%;
}

.u-10of11 {
  flex: 0 0 90.90909%;
  max-width: 90.90909%;
}

.u-offset10of11 {
  margin-left: 90.90909%;
}

.u-11of11 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset11of11 {
  margin-left: 100%;
}

.u-1of12 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.u-offset1of12 {
  margin-left: 8.33333%;
}

.u-2of12 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.u-offset2of12 {
  margin-left: 16.66667%;
}

.u-3of12 {
  flex: 0 0 25%;
  max-width: 25%;
}

.u-offset3of12 {
  margin-left: 25%;
}

.u-4of12 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.u-offset4of12 {
  margin-left: 33.33333%;
}

.u-5of12 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.u-offset5of12 {
  margin-left: 41.66667%;
}

.u-6of12 {
  flex: 0 0 50%;
  max-width: 50%;
}

.u-offset6of12 {
  margin-left: 50%;
}

.u-7of12 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.u-offset7of12 {
  margin-left: 58.33333%;
}

.u-8of12 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.u-offset8of12 {
  margin-left: 66.66667%;
}

.u-9of12 {
  flex: 0 0 75%;
  max-width: 75%;
}

.u-offset9of12 {
  margin-left: 75%;
}

.u-10of12 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.u-offset10of12 {
  margin-left: 83.33333%;
}

.u-11of12 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.u-offset11of12 {
  margin-left: 91.66667%;
}

.u-12of12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.u-offset12of12 {
  margin-left: 100%;
}

/**
  Widths for each brakepoint upwards
 */
@media screen and (min-width: 360px) {
  .u-1of1-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-xxs {
    margin-left: 100%;
  }
  .u-1of2-xxs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-xxs {
    margin-left: 50%;
  }
  .u-2of2-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-xxs {
    margin-left: 100%;
  }
  .u-1of3-xxs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-xxs {
    margin-left: 33.33333%;
  }
  .u-2of3-xxs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-xxs {
    margin-left: 66.66667%;
  }
  .u-3of3-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-xxs {
    margin-left: 100%;
  }
  .u-1of4-xxs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-xxs {
    margin-left: 25%;
  }
  .u-2of4-xxs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-xxs {
    margin-left: 50%;
  }
  .u-3of4-xxs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-xxs {
    margin-left: 75%;
  }
  .u-4of4-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-xxs {
    margin-left: 100%;
  }
  .u-1of5-xxs {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-xxs {
    margin-left: 20%;
  }
  .u-2of5-xxs {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-xxs {
    margin-left: 40%;
  }
  .u-3of5-xxs {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-xxs {
    margin-left: 60%;
  }
  .u-4of5-xxs {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-xxs {
    margin-left: 80%;
  }
  .u-5of5-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-xxs {
    margin-left: 100%;
  }
  .u-1of6-xxs {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-xxs {
    margin-left: 16.66667%;
  }
  .u-2of6-xxs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-xxs {
    margin-left: 33.33333%;
  }
  .u-3of6-xxs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-xxs {
    margin-left: 50%;
  }
  .u-4of6-xxs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-xxs {
    margin-left: 66.66667%;
  }
  .u-5of6-xxs {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-xxs {
    margin-left: 83.33333%;
  }
  .u-6of6-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-xxs {
    margin-left: 100%;
  }
  .u-1of7-xxs {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-xxs {
    margin-left: 14.28571%;
  }
  .u-2of7-xxs {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-xxs {
    margin-left: 28.57143%;
  }
  .u-3of7-xxs {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-xxs {
    margin-left: 42.85714%;
  }
  .u-4of7-xxs {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-xxs {
    margin-left: 57.14286%;
  }
  .u-5of7-xxs {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-xxs {
    margin-left: 71.42857%;
  }
  .u-6of7-xxs {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-xxs {
    margin-left: 85.71429%;
  }
  .u-7of7-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-xxs {
    margin-left: 100%;
  }
  .u-1of8-xxs {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-xxs {
    margin-left: 12.5%;
  }
  .u-2of8-xxs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-xxs {
    margin-left: 25%;
  }
  .u-3of8-xxs {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-xxs {
    margin-left: 37.5%;
  }
  .u-4of8-xxs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-xxs {
    margin-left: 50%;
  }
  .u-5of8-xxs {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-xxs {
    margin-left: 62.5%;
  }
  .u-6of8-xxs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-xxs {
    margin-left: 75%;
  }
  .u-7of8-xxs {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-xxs {
    margin-left: 87.5%;
  }
  .u-8of8-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-xxs {
    margin-left: 100%;
  }
  .u-1of9-xxs {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-xxs {
    margin-left: 11.11111%;
  }
  .u-2of9-xxs {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-xxs {
    margin-left: 22.22222%;
  }
  .u-3of9-xxs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-xxs {
    margin-left: 33.33333%;
  }
  .u-4of9-xxs {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-xxs {
    margin-left: 44.44444%;
  }
  .u-5of9-xxs {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-xxs {
    margin-left: 55.55556%;
  }
  .u-6of9-xxs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-xxs {
    margin-left: 66.66667%;
  }
  .u-7of9-xxs {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-xxs {
    margin-left: 77.77778%;
  }
  .u-8of9-xxs {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-xxs {
    margin-left: 88.88889%;
  }
  .u-9of9-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-xxs {
    margin-left: 100%;
  }
  .u-1of10-xxs {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-xxs {
    margin-left: 10%;
  }
  .u-2of10-xxs {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-xxs {
    margin-left: 20%;
  }
  .u-3of10-xxs {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-xxs {
    margin-left: 30%;
  }
  .u-4of10-xxs {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-xxs {
    margin-left: 40%;
  }
  .u-5of10-xxs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-xxs {
    margin-left: 50%;
  }
  .u-6of10-xxs {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-xxs {
    margin-left: 60%;
  }
  .u-7of10-xxs {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-xxs {
    margin-left: 70%;
  }
  .u-8of10-xxs {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-xxs {
    margin-left: 80%;
  }
  .u-9of10-xxs {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-xxs {
    margin-left: 90%;
  }
  .u-10of10-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-xxs {
    margin-left: 100%;
  }
  .u-1of11-xxs {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-xxs {
    margin-left: 9.09091%;
  }
  .u-2of11-xxs {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-xxs {
    margin-left: 18.18182%;
  }
  .u-3of11-xxs {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-xxs {
    margin-left: 27.27273%;
  }
  .u-4of11-xxs {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-xxs {
    margin-left: 36.36364%;
  }
  .u-5of11-xxs {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-xxs {
    margin-left: 45.45455%;
  }
  .u-6of11-xxs {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-xxs {
    margin-left: 54.54545%;
  }
  .u-7of11-xxs {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-xxs {
    margin-left: 63.63636%;
  }
  .u-8of11-xxs {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-xxs {
    margin-left: 72.72727%;
  }
  .u-9of11-xxs {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-xxs {
    margin-left: 81.81818%;
  }
  .u-10of11-xxs {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-xxs {
    margin-left: 90.90909%;
  }
  .u-11of11-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-xxs {
    margin-left: 100%;
  }
  .u-1of12-xxs {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-xxs {
    margin-left: 8.33333%;
  }
  .u-2of12-xxs {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-xxs {
    margin-left: 16.66667%;
  }
  .u-3of12-xxs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-xxs {
    margin-left: 25%;
  }
  .u-4of12-xxs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-xxs {
    margin-left: 33.33333%;
  }
  .u-5of12-xxs {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-xxs {
    margin-left: 41.66667%;
  }
  .u-6of12-xxs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-xxs {
    margin-left: 50%;
  }
  .u-7of12-xxs {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-xxs {
    margin-left: 58.33333%;
  }
  .u-8of12-xxs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-xxs {
    margin-left: 66.66667%;
  }
  .u-9of12-xxs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-xxs {
    margin-left: 75%;
  }
  .u-10of12-xxs {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-xxs {
    margin-left: 83.33333%;
  }
  .u-11of12-xxs {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-xxs {
    margin-left: 91.66667%;
  }
  .u-12of12-xxs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-xxs {
    margin-left: 100%;
  }
}

@media screen and (min-width: 400px) {
  .u-1of1-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-xs {
    margin-left: 100%;
  }
  .u-1of2-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-xs {
    margin-left: 50%;
  }
  .u-2of2-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-xs {
    margin-left: 100%;
  }
  .u-1of3-xs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-xs {
    margin-left: 33.33333%;
  }
  .u-2of3-xs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-xs {
    margin-left: 66.66667%;
  }
  .u-3of3-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-xs {
    margin-left: 100%;
  }
  .u-1of4-xs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-xs {
    margin-left: 25%;
  }
  .u-2of4-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-xs {
    margin-left: 50%;
  }
  .u-3of4-xs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-xs {
    margin-left: 75%;
  }
  .u-4of4-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-xs {
    margin-left: 100%;
  }
  .u-1of5-xs {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-xs {
    margin-left: 20%;
  }
  .u-2of5-xs {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-xs {
    margin-left: 40%;
  }
  .u-3of5-xs {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-xs {
    margin-left: 60%;
  }
  .u-4of5-xs {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-xs {
    margin-left: 80%;
  }
  .u-5of5-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-xs {
    margin-left: 100%;
  }
  .u-1of6-xs {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-xs {
    margin-left: 16.66667%;
  }
  .u-2of6-xs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-xs {
    margin-left: 33.33333%;
  }
  .u-3of6-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-xs {
    margin-left: 50%;
  }
  .u-4of6-xs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-xs {
    margin-left: 66.66667%;
  }
  .u-5of6-xs {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-xs {
    margin-left: 83.33333%;
  }
  .u-6of6-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-xs {
    margin-left: 100%;
  }
  .u-1of7-xs {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-xs {
    margin-left: 14.28571%;
  }
  .u-2of7-xs {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-xs {
    margin-left: 28.57143%;
  }
  .u-3of7-xs {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-xs {
    margin-left: 42.85714%;
  }
  .u-4of7-xs {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-xs {
    margin-left: 57.14286%;
  }
  .u-5of7-xs {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-xs {
    margin-left: 71.42857%;
  }
  .u-6of7-xs {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-xs {
    margin-left: 85.71429%;
  }
  .u-7of7-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-xs {
    margin-left: 100%;
  }
  .u-1of8-xs {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-xs {
    margin-left: 12.5%;
  }
  .u-2of8-xs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-xs {
    margin-left: 25%;
  }
  .u-3of8-xs {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-xs {
    margin-left: 37.5%;
  }
  .u-4of8-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-xs {
    margin-left: 50%;
  }
  .u-5of8-xs {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-xs {
    margin-left: 62.5%;
  }
  .u-6of8-xs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-xs {
    margin-left: 75%;
  }
  .u-7of8-xs {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-xs {
    margin-left: 87.5%;
  }
  .u-8of8-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-xs {
    margin-left: 100%;
  }
  .u-1of9-xs {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-xs {
    margin-left: 11.11111%;
  }
  .u-2of9-xs {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-xs {
    margin-left: 22.22222%;
  }
  .u-3of9-xs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-xs {
    margin-left: 33.33333%;
  }
  .u-4of9-xs {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-xs {
    margin-left: 44.44444%;
  }
  .u-5of9-xs {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-xs {
    margin-left: 55.55556%;
  }
  .u-6of9-xs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-xs {
    margin-left: 66.66667%;
  }
  .u-7of9-xs {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-xs {
    margin-left: 77.77778%;
  }
  .u-8of9-xs {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-xs {
    margin-left: 88.88889%;
  }
  .u-9of9-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-xs {
    margin-left: 100%;
  }
  .u-1of10-xs {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-xs {
    margin-left: 10%;
  }
  .u-2of10-xs {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-xs {
    margin-left: 20%;
  }
  .u-3of10-xs {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-xs {
    margin-left: 30%;
  }
  .u-4of10-xs {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-xs {
    margin-left: 40%;
  }
  .u-5of10-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-xs {
    margin-left: 50%;
  }
  .u-6of10-xs {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-xs {
    margin-left: 60%;
  }
  .u-7of10-xs {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-xs {
    margin-left: 70%;
  }
  .u-8of10-xs {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-xs {
    margin-left: 80%;
  }
  .u-9of10-xs {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-xs {
    margin-left: 90%;
  }
  .u-10of10-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-xs {
    margin-left: 100%;
  }
  .u-1of11-xs {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-xs {
    margin-left: 9.09091%;
  }
  .u-2of11-xs {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-xs {
    margin-left: 18.18182%;
  }
  .u-3of11-xs {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-xs {
    margin-left: 27.27273%;
  }
  .u-4of11-xs {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-xs {
    margin-left: 36.36364%;
  }
  .u-5of11-xs {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-xs {
    margin-left: 45.45455%;
  }
  .u-6of11-xs {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-xs {
    margin-left: 54.54545%;
  }
  .u-7of11-xs {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-xs {
    margin-left: 63.63636%;
  }
  .u-8of11-xs {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-xs {
    margin-left: 72.72727%;
  }
  .u-9of11-xs {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-xs {
    margin-left: 81.81818%;
  }
  .u-10of11-xs {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-xs {
    margin-left: 90.90909%;
  }
  .u-11of11-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-xs {
    margin-left: 100%;
  }
  .u-1of12-xs {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-xs {
    margin-left: 8.33333%;
  }
  .u-2of12-xs {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-xs {
    margin-left: 16.66667%;
  }
  .u-3of12-xs {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-xs {
    margin-left: 25%;
  }
  .u-4of12-xs {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-xs {
    margin-left: 33.33333%;
  }
  .u-5of12-xs {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-xs {
    margin-left: 41.66667%;
  }
  .u-6of12-xs {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-xs {
    margin-left: 50%;
  }
  .u-7of12-xs {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-xs {
    margin-left: 58.33333%;
  }
  .u-8of12-xs {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-xs {
    margin-left: 66.66667%;
  }
  .u-9of12-xs {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-xs {
    margin-left: 75%;
  }
  .u-10of12-xs {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-xs {
    margin-left: 83.33333%;
  }
  .u-11of12-xs {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-xs {
    margin-left: 91.66667%;
  }
  .u-12of12-xs {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-xs {
    margin-left: 100%;
  }
}

@media screen and (min-width: 576px) {
  .u-1of1-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-sm {
    margin-left: 100%;
  }
  .u-1of2-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-sm {
    margin-left: 50%;
  }
  .u-2of2-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-sm {
    margin-left: 100%;
  }
  .u-1of3-sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-sm {
    margin-left: 33.33333%;
  }
  .u-2of3-sm {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-sm {
    margin-left: 66.66667%;
  }
  .u-3of3-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-sm {
    margin-left: 100%;
  }
  .u-1of4-sm {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-sm {
    margin-left: 25%;
  }
  .u-2of4-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-sm {
    margin-left: 50%;
  }
  .u-3of4-sm {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-sm {
    margin-left: 75%;
  }
  .u-4of4-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-sm {
    margin-left: 100%;
  }
  .u-1of5-sm {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-sm {
    margin-left: 20%;
  }
  .u-2of5-sm {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-sm {
    margin-left: 40%;
  }
  .u-3of5-sm {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-sm {
    margin-left: 60%;
  }
  .u-4of5-sm {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-sm {
    margin-left: 80%;
  }
  .u-5of5-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-sm {
    margin-left: 100%;
  }
  .u-1of6-sm {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-sm {
    margin-left: 16.66667%;
  }
  .u-2of6-sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-sm {
    margin-left: 33.33333%;
  }
  .u-3of6-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-sm {
    margin-left: 50%;
  }
  .u-4of6-sm {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-sm {
    margin-left: 66.66667%;
  }
  .u-5of6-sm {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-sm {
    margin-left: 83.33333%;
  }
  .u-6of6-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-sm {
    margin-left: 100%;
  }
  .u-1of7-sm {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-sm {
    margin-left: 14.28571%;
  }
  .u-2of7-sm {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-sm {
    margin-left: 28.57143%;
  }
  .u-3of7-sm {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-sm {
    margin-left: 42.85714%;
  }
  .u-4of7-sm {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-sm {
    margin-left: 57.14286%;
  }
  .u-5of7-sm {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-sm {
    margin-left: 71.42857%;
  }
  .u-6of7-sm {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-sm {
    margin-left: 85.71429%;
  }
  .u-7of7-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-sm {
    margin-left: 100%;
  }
  .u-1of8-sm {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-sm {
    margin-left: 12.5%;
  }
  .u-2of8-sm {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-sm {
    margin-left: 25%;
  }
  .u-3of8-sm {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-sm {
    margin-left: 37.5%;
  }
  .u-4of8-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-sm {
    margin-left: 50%;
  }
  .u-5of8-sm {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-sm {
    margin-left: 62.5%;
  }
  .u-6of8-sm {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-sm {
    margin-left: 75%;
  }
  .u-7of8-sm {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-sm {
    margin-left: 87.5%;
  }
  .u-8of8-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-sm {
    margin-left: 100%;
  }
  .u-1of9-sm {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-sm {
    margin-left: 11.11111%;
  }
  .u-2of9-sm {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-sm {
    margin-left: 22.22222%;
  }
  .u-3of9-sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-sm {
    margin-left: 33.33333%;
  }
  .u-4of9-sm {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-sm {
    margin-left: 44.44444%;
  }
  .u-5of9-sm {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-sm {
    margin-left: 55.55556%;
  }
  .u-6of9-sm {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-sm {
    margin-left: 66.66667%;
  }
  .u-7of9-sm {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-sm {
    margin-left: 77.77778%;
  }
  .u-8of9-sm {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-sm {
    margin-left: 88.88889%;
  }
  .u-9of9-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-sm {
    margin-left: 100%;
  }
  .u-1of10-sm {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-sm {
    margin-left: 10%;
  }
  .u-2of10-sm {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-sm {
    margin-left: 20%;
  }
  .u-3of10-sm {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-sm {
    margin-left: 30%;
  }
  .u-4of10-sm {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-sm {
    margin-left: 40%;
  }
  .u-5of10-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-sm {
    margin-left: 50%;
  }
  .u-6of10-sm {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-sm {
    margin-left: 60%;
  }
  .u-7of10-sm {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-sm {
    margin-left: 70%;
  }
  .u-8of10-sm {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-sm {
    margin-left: 80%;
  }
  .u-9of10-sm {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-sm {
    margin-left: 90%;
  }
  .u-10of10-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-sm {
    margin-left: 100%;
  }
  .u-1of11-sm {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-sm {
    margin-left: 9.09091%;
  }
  .u-2of11-sm {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-sm {
    margin-left: 18.18182%;
  }
  .u-3of11-sm {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-sm {
    margin-left: 27.27273%;
  }
  .u-4of11-sm {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-sm {
    margin-left: 36.36364%;
  }
  .u-5of11-sm {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-sm {
    margin-left: 45.45455%;
  }
  .u-6of11-sm {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-sm {
    margin-left: 54.54545%;
  }
  .u-7of11-sm {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-sm {
    margin-left: 63.63636%;
  }
  .u-8of11-sm {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-sm {
    margin-left: 72.72727%;
  }
  .u-9of11-sm {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-sm {
    margin-left: 81.81818%;
  }
  .u-10of11-sm {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-sm {
    margin-left: 90.90909%;
  }
  .u-11of11-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-sm {
    margin-left: 100%;
  }
  .u-1of12-sm {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-sm {
    margin-left: 8.33333%;
  }
  .u-2of12-sm {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-sm {
    margin-left: 16.66667%;
  }
  .u-3of12-sm {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-sm {
    margin-left: 25%;
  }
  .u-4of12-sm {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-sm {
    margin-left: 33.33333%;
  }
  .u-5of12-sm {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-sm {
    margin-left: 41.66667%;
  }
  .u-6of12-sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-sm {
    margin-left: 50%;
  }
  .u-7of12-sm {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-sm {
    margin-left: 58.33333%;
  }
  .u-8of12-sm {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-sm {
    margin-left: 66.66667%;
  }
  .u-9of12-sm {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-sm {
    margin-left: 75%;
  }
  .u-10of12-sm {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-sm {
    margin-left: 83.33333%;
  }
  .u-11of12-sm {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-sm {
    margin-left: 91.66667%;
  }
  .u-12of12-sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-sm {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .u-1of1-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-md {
    margin-left: 100%;
  }
  .u-1of2-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-md {
    margin-left: 50%;
  }
  .u-2of2-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-md {
    margin-left: 100%;
  }
  .u-1of3-md {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-md {
    margin-left: 33.33333%;
  }
  .u-2of3-md {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-md {
    margin-left: 66.66667%;
  }
  .u-3of3-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-md {
    margin-left: 100%;
  }
  .u-1of4-md {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-md {
    margin-left: 25%;
  }
  .u-2of4-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-md {
    margin-left: 50%;
  }
  .u-3of4-md {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-md {
    margin-left: 75%;
  }
  .u-4of4-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-md {
    margin-left: 100%;
  }
  .u-1of5-md {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-md {
    margin-left: 20%;
  }
  .u-2of5-md {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-md {
    margin-left: 40%;
  }
  .u-3of5-md {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-md {
    margin-left: 60%;
  }
  .u-4of5-md {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-md {
    margin-left: 80%;
  }
  .u-5of5-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-md {
    margin-left: 100%;
  }
  .u-1of6-md {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-md {
    margin-left: 16.66667%;
  }
  .u-2of6-md {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-md {
    margin-left: 33.33333%;
  }
  .u-3of6-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-md {
    margin-left: 50%;
  }
  .u-4of6-md {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-md {
    margin-left: 66.66667%;
  }
  .u-5of6-md {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-md {
    margin-left: 83.33333%;
  }
  .u-6of6-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-md {
    margin-left: 100%;
  }
  .u-1of7-md {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-md {
    margin-left: 14.28571%;
  }
  .u-2of7-md {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-md {
    margin-left: 28.57143%;
  }
  .u-3of7-md {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-md {
    margin-left: 42.85714%;
  }
  .u-4of7-md {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-md {
    margin-left: 57.14286%;
  }
  .u-5of7-md {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-md {
    margin-left: 71.42857%;
  }
  .u-6of7-md {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-md {
    margin-left: 85.71429%;
  }
  .u-7of7-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-md {
    margin-left: 100%;
  }
  .u-1of8-md {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-md {
    margin-left: 12.5%;
  }
  .u-2of8-md {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-md {
    margin-left: 25%;
  }
  .u-3of8-md {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-md {
    margin-left: 37.5%;
  }
  .u-4of8-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-md {
    margin-left: 50%;
  }
  .u-5of8-md {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-md {
    margin-left: 62.5%;
  }
  .u-6of8-md {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-md {
    margin-left: 75%;
  }
  .u-7of8-md {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-md {
    margin-left: 87.5%;
  }
  .u-8of8-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-md {
    margin-left: 100%;
  }
  .u-1of9-md {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-md {
    margin-left: 11.11111%;
  }
  .u-2of9-md {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-md {
    margin-left: 22.22222%;
  }
  .u-3of9-md {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-md {
    margin-left: 33.33333%;
  }
  .u-4of9-md {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-md {
    margin-left: 44.44444%;
  }
  .u-5of9-md {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-md {
    margin-left: 55.55556%;
  }
  .u-6of9-md {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-md {
    margin-left: 66.66667%;
  }
  .u-7of9-md {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-md {
    margin-left: 77.77778%;
  }
  .u-8of9-md {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-md {
    margin-left: 88.88889%;
  }
  .u-9of9-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-md {
    margin-left: 100%;
  }
  .u-1of10-md {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-md {
    margin-left: 10%;
  }
  .u-2of10-md {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-md {
    margin-left: 20%;
  }
  .u-3of10-md {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-md {
    margin-left: 30%;
  }
  .u-4of10-md {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-md {
    margin-left: 40%;
  }
  .u-5of10-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-md {
    margin-left: 50%;
  }
  .u-6of10-md {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-md {
    margin-left: 60%;
  }
  .u-7of10-md {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-md {
    margin-left: 70%;
  }
  .u-8of10-md {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-md {
    margin-left: 80%;
  }
  .u-9of10-md {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-md {
    margin-left: 90%;
  }
  .u-10of10-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-md {
    margin-left: 100%;
  }
  .u-1of11-md {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-md {
    margin-left: 9.09091%;
  }
  .u-2of11-md {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-md {
    margin-left: 18.18182%;
  }
  .u-3of11-md {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-md {
    margin-left: 27.27273%;
  }
  .u-4of11-md {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-md {
    margin-left: 36.36364%;
  }
  .u-5of11-md {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-md {
    margin-left: 45.45455%;
  }
  .u-6of11-md {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-md {
    margin-left: 54.54545%;
  }
  .u-7of11-md {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-md {
    margin-left: 63.63636%;
  }
  .u-8of11-md {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-md {
    margin-left: 72.72727%;
  }
  .u-9of11-md {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-md {
    margin-left: 81.81818%;
  }
  .u-10of11-md {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-md {
    margin-left: 90.90909%;
  }
  .u-11of11-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-md {
    margin-left: 100%;
  }
  .u-1of12-md {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-md {
    margin-left: 8.33333%;
  }
  .u-2of12-md {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-md {
    margin-left: 16.66667%;
  }
  .u-3of12-md {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-md {
    margin-left: 25%;
  }
  .u-4of12-md {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-md {
    margin-left: 33.33333%;
  }
  .u-5of12-md {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-md {
    margin-left: 41.66667%;
  }
  .u-6of12-md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-md {
    margin-left: 50%;
  }
  .u-7of12-md {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-md {
    margin-left: 58.33333%;
  }
  .u-8of12-md {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-md {
    margin-left: 66.66667%;
  }
  .u-9of12-md {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-md {
    margin-left: 75%;
  }
  .u-10of12-md {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-md {
    margin-left: 83.33333%;
  }
  .u-11of12-md {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-md {
    margin-left: 91.66667%;
  }
  .u-12of12-md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-md {
    margin-left: 100%;
  }
}

@media screen and (min-width: 992px) {
  .u-1of1-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-lg {
    margin-left: 100%;
  }
  .u-1of2-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-lg {
    margin-left: 50%;
  }
  .u-2of2-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-lg {
    margin-left: 100%;
  }
  .u-1of3-lg {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-lg {
    margin-left: 33.33333%;
  }
  .u-2of3-lg {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-lg {
    margin-left: 66.66667%;
  }
  .u-3of3-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-lg {
    margin-left: 100%;
  }
  .u-1of4-lg {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-lg {
    margin-left: 25%;
  }
  .u-2of4-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-lg {
    margin-left: 50%;
  }
  .u-3of4-lg {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-lg {
    margin-left: 75%;
  }
  .u-4of4-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-lg {
    margin-left: 100%;
  }
  .u-1of5-lg {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-lg {
    margin-left: 20%;
  }
  .u-2of5-lg {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-lg {
    margin-left: 40%;
  }
  .u-3of5-lg {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-lg {
    margin-left: 60%;
  }
  .u-4of5-lg {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-lg {
    margin-left: 80%;
  }
  .u-5of5-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-lg {
    margin-left: 100%;
  }
  .u-1of6-lg {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-lg {
    margin-left: 16.66667%;
  }
  .u-2of6-lg {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-lg {
    margin-left: 33.33333%;
  }
  .u-3of6-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-lg {
    margin-left: 50%;
  }
  .u-4of6-lg {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-lg {
    margin-left: 66.66667%;
  }
  .u-5of6-lg {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-lg {
    margin-left: 83.33333%;
  }
  .u-6of6-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-lg {
    margin-left: 100%;
  }
  .u-1of7-lg {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-lg {
    margin-left: 14.28571%;
  }
  .u-2of7-lg {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-lg {
    margin-left: 28.57143%;
  }
  .u-3of7-lg {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-lg {
    margin-left: 42.85714%;
  }
  .u-4of7-lg {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-lg {
    margin-left: 57.14286%;
  }
  .u-5of7-lg {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-lg {
    margin-left: 71.42857%;
  }
  .u-6of7-lg {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-lg {
    margin-left: 85.71429%;
  }
  .u-7of7-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-lg {
    margin-left: 100%;
  }
  .u-1of8-lg {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-lg {
    margin-left: 12.5%;
  }
  .u-2of8-lg {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-lg {
    margin-left: 25%;
  }
  .u-3of8-lg {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-lg {
    margin-left: 37.5%;
  }
  .u-4of8-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-lg {
    margin-left: 50%;
  }
  .u-5of8-lg {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-lg {
    margin-left: 62.5%;
  }
  .u-6of8-lg {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-lg {
    margin-left: 75%;
  }
  .u-7of8-lg {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-lg {
    margin-left: 87.5%;
  }
  .u-8of8-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-lg {
    margin-left: 100%;
  }
  .u-1of9-lg {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-lg {
    margin-left: 11.11111%;
  }
  .u-2of9-lg {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-lg {
    margin-left: 22.22222%;
  }
  .u-3of9-lg {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-lg {
    margin-left: 33.33333%;
  }
  .u-4of9-lg {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-lg {
    margin-left: 44.44444%;
  }
  .u-5of9-lg {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-lg {
    margin-left: 55.55556%;
  }
  .u-6of9-lg {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-lg {
    margin-left: 66.66667%;
  }
  .u-7of9-lg {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-lg {
    margin-left: 77.77778%;
  }
  .u-8of9-lg {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-lg {
    margin-left: 88.88889%;
  }
  .u-9of9-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-lg {
    margin-left: 100%;
  }
  .u-1of10-lg {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-lg {
    margin-left: 10%;
  }
  .u-2of10-lg {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-lg {
    margin-left: 20%;
  }
  .u-3of10-lg {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-lg {
    margin-left: 30%;
  }
  .u-4of10-lg {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-lg {
    margin-left: 40%;
  }
  .u-5of10-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-lg {
    margin-left: 50%;
  }
  .u-6of10-lg {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-lg {
    margin-left: 60%;
  }
  .u-7of10-lg {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-lg {
    margin-left: 70%;
  }
  .u-8of10-lg {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-lg {
    margin-left: 80%;
  }
  .u-9of10-lg {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-lg {
    margin-left: 90%;
  }
  .u-10of10-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-lg {
    margin-left: 100%;
  }
  .u-1of11-lg {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-lg {
    margin-left: 9.09091%;
  }
  .u-2of11-lg {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-lg {
    margin-left: 18.18182%;
  }
  .u-3of11-lg {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-lg {
    margin-left: 27.27273%;
  }
  .u-4of11-lg {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-lg {
    margin-left: 36.36364%;
  }
  .u-5of11-lg {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-lg {
    margin-left: 45.45455%;
  }
  .u-6of11-lg {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-lg {
    margin-left: 54.54545%;
  }
  .u-7of11-lg {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-lg {
    margin-left: 63.63636%;
  }
  .u-8of11-lg {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-lg {
    margin-left: 72.72727%;
  }
  .u-9of11-lg {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-lg {
    margin-left: 81.81818%;
  }
  .u-10of11-lg {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-lg {
    margin-left: 90.90909%;
  }
  .u-11of11-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-lg {
    margin-left: 100%;
  }
  .u-1of12-lg {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-lg {
    margin-left: 8.33333%;
  }
  .u-2of12-lg {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-lg {
    margin-left: 16.66667%;
  }
  .u-3of12-lg {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-lg {
    margin-left: 25%;
  }
  .u-4of12-lg {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-lg {
    margin-left: 33.33333%;
  }
  .u-5of12-lg {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-lg {
    margin-left: 41.66667%;
  }
  .u-6of12-lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-lg {
    margin-left: 50%;
  }
  .u-7of12-lg {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-lg {
    margin-left: 58.33333%;
  }
  .u-8of12-lg {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-lg {
    margin-left: 66.66667%;
  }
  .u-9of12-lg {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-lg {
    margin-left: 75%;
  }
  .u-10of12-lg {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-lg {
    margin-left: 83.33333%;
  }
  .u-11of12-lg {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-lg {
    margin-left: 91.66667%;
  }
  .u-12of12-lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-lg {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .u-1of1-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-xl {
    margin-left: 100%;
  }
  .u-1of2-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-xl {
    margin-left: 50%;
  }
  .u-2of2-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-xl {
    margin-left: 100%;
  }
  .u-1of3-xl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-xl {
    margin-left: 33.33333%;
  }
  .u-2of3-xl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-xl {
    margin-left: 66.66667%;
  }
  .u-3of3-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-xl {
    margin-left: 100%;
  }
  .u-1of4-xl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-xl {
    margin-left: 25%;
  }
  .u-2of4-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-xl {
    margin-left: 50%;
  }
  .u-3of4-xl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-xl {
    margin-left: 75%;
  }
  .u-4of4-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-xl {
    margin-left: 100%;
  }
  .u-1of5-xl {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-xl {
    margin-left: 20%;
  }
  .u-2of5-xl {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-xl {
    margin-left: 40%;
  }
  .u-3of5-xl {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-xl {
    margin-left: 60%;
  }
  .u-4of5-xl {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-xl {
    margin-left: 80%;
  }
  .u-5of5-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-xl {
    margin-left: 100%;
  }
  .u-1of6-xl {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-xl {
    margin-left: 16.66667%;
  }
  .u-2of6-xl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-xl {
    margin-left: 33.33333%;
  }
  .u-3of6-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-xl {
    margin-left: 50%;
  }
  .u-4of6-xl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-xl {
    margin-left: 66.66667%;
  }
  .u-5of6-xl {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-xl {
    margin-left: 83.33333%;
  }
  .u-6of6-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-xl {
    margin-left: 100%;
  }
  .u-1of7-xl {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-xl {
    margin-left: 14.28571%;
  }
  .u-2of7-xl {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-xl {
    margin-left: 28.57143%;
  }
  .u-3of7-xl {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-xl {
    margin-left: 42.85714%;
  }
  .u-4of7-xl {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-xl {
    margin-left: 57.14286%;
  }
  .u-5of7-xl {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-xl {
    margin-left: 71.42857%;
  }
  .u-6of7-xl {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-xl {
    margin-left: 85.71429%;
  }
  .u-7of7-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-xl {
    margin-left: 100%;
  }
  .u-1of8-xl {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-xl {
    margin-left: 12.5%;
  }
  .u-2of8-xl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-xl {
    margin-left: 25%;
  }
  .u-3of8-xl {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-xl {
    margin-left: 37.5%;
  }
  .u-4of8-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-xl {
    margin-left: 50%;
  }
  .u-5of8-xl {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-xl {
    margin-left: 62.5%;
  }
  .u-6of8-xl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-xl {
    margin-left: 75%;
  }
  .u-7of8-xl {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-xl {
    margin-left: 87.5%;
  }
  .u-8of8-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-xl {
    margin-left: 100%;
  }
  .u-1of9-xl {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-xl {
    margin-left: 11.11111%;
  }
  .u-2of9-xl {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-xl {
    margin-left: 22.22222%;
  }
  .u-3of9-xl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-xl {
    margin-left: 33.33333%;
  }
  .u-4of9-xl {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-xl {
    margin-left: 44.44444%;
  }
  .u-5of9-xl {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-xl {
    margin-left: 55.55556%;
  }
  .u-6of9-xl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-xl {
    margin-left: 66.66667%;
  }
  .u-7of9-xl {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-xl {
    margin-left: 77.77778%;
  }
  .u-8of9-xl {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-xl {
    margin-left: 88.88889%;
  }
  .u-9of9-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-xl {
    margin-left: 100%;
  }
  .u-1of10-xl {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-xl {
    margin-left: 10%;
  }
  .u-2of10-xl {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-xl {
    margin-left: 20%;
  }
  .u-3of10-xl {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-xl {
    margin-left: 30%;
  }
  .u-4of10-xl {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-xl {
    margin-left: 40%;
  }
  .u-5of10-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-xl {
    margin-left: 50%;
  }
  .u-6of10-xl {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-xl {
    margin-left: 60%;
  }
  .u-7of10-xl {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-xl {
    margin-left: 70%;
  }
  .u-8of10-xl {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-xl {
    margin-left: 80%;
  }
  .u-9of10-xl {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-xl {
    margin-left: 90%;
  }
  .u-10of10-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-xl {
    margin-left: 100%;
  }
  .u-1of11-xl {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-xl {
    margin-left: 9.09091%;
  }
  .u-2of11-xl {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-xl {
    margin-left: 18.18182%;
  }
  .u-3of11-xl {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-xl {
    margin-left: 27.27273%;
  }
  .u-4of11-xl {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-xl {
    margin-left: 36.36364%;
  }
  .u-5of11-xl {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-xl {
    margin-left: 45.45455%;
  }
  .u-6of11-xl {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-xl {
    margin-left: 54.54545%;
  }
  .u-7of11-xl {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-xl {
    margin-left: 63.63636%;
  }
  .u-8of11-xl {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-xl {
    margin-left: 72.72727%;
  }
  .u-9of11-xl {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-xl {
    margin-left: 81.81818%;
  }
  .u-10of11-xl {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-xl {
    margin-left: 90.90909%;
  }
  .u-11of11-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-xl {
    margin-left: 100%;
  }
  .u-1of12-xl {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-xl {
    margin-left: 8.33333%;
  }
  .u-2of12-xl {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-xl {
    margin-left: 16.66667%;
  }
  .u-3of12-xl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-xl {
    margin-left: 25%;
  }
  .u-4of12-xl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-xl {
    margin-left: 33.33333%;
  }
  .u-5of12-xl {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-xl {
    margin-left: 41.66667%;
  }
  .u-6of12-xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-xl {
    margin-left: 50%;
  }
  .u-7of12-xl {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-xl {
    margin-left: 58.33333%;
  }
  .u-8of12-xl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-xl {
    margin-left: 66.66667%;
  }
  .u-9of12-xl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-xl {
    margin-left: 75%;
  }
  .u-10of12-xl {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-xl {
    margin-left: 83.33333%;
  }
  .u-11of12-xl {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-xl {
    margin-left: 91.66667%;
  }
  .u-12of12-xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-xl {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1400px) {
  .u-1of1-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset1of1-xxl {
    margin-left: 100%;
  }
  .u-1of2-xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset1of2-xxl {
    margin-left: 50%;
  }
  .u-2of2-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset2of2-xxl {
    margin-left: 100%;
  }
  .u-1of3-xxl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset1of3-xxl {
    margin-left: 33.33333%;
  }
  .u-2of3-xxl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset2of3-xxl {
    margin-left: 66.66667%;
  }
  .u-3of3-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset3of3-xxl {
    margin-left: 100%;
  }
  .u-1of4-xxl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset1of4-xxl {
    margin-left: 25%;
  }
  .u-2of4-xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset2of4-xxl {
    margin-left: 50%;
  }
  .u-3of4-xxl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset3of4-xxl {
    margin-left: 75%;
  }
  .u-4of4-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset4of4-xxl {
    margin-left: 100%;
  }
  .u-1of5-xxl {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset1of5-xxl {
    margin-left: 20%;
  }
  .u-2of5-xxl {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset2of5-xxl {
    margin-left: 40%;
  }
  .u-3of5-xxl {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset3of5-xxl {
    margin-left: 60%;
  }
  .u-4of5-xxl {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset4of5-xxl {
    margin-left: 80%;
  }
  .u-5of5-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset5of5-xxl {
    margin-left: 100%;
  }
  .u-1of6-xxl {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset1of6-xxl {
    margin-left: 16.66667%;
  }
  .u-2of6-xxl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset2of6-xxl {
    margin-left: 33.33333%;
  }
  .u-3of6-xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset3of6-xxl {
    margin-left: 50%;
  }
  .u-4of6-xxl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset4of6-xxl {
    margin-left: 66.66667%;
  }
  .u-5of6-xxl {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset5of6-xxl {
    margin-left: 83.33333%;
  }
  .u-6of6-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset6of6-xxl {
    margin-left: 100%;
  }
  .u-1of7-xxl {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }
  .u-offset1of7-xxl {
    margin-left: 14.28571%;
  }
  .u-2of7-xxl {
    flex: 0 0 28.57143%;
    max-width: 28.57143%;
  }
  .u-offset2of7-xxl {
    margin-left: 28.57143%;
  }
  .u-3of7-xxl {
    flex: 0 0 42.85714%;
    max-width: 42.85714%;
  }
  .u-offset3of7-xxl {
    margin-left: 42.85714%;
  }
  .u-4of7-xxl {
    flex: 0 0 57.14286%;
    max-width: 57.14286%;
  }
  .u-offset4of7-xxl {
    margin-left: 57.14286%;
  }
  .u-5of7-xxl {
    flex: 0 0 71.42857%;
    max-width: 71.42857%;
  }
  .u-offset5of7-xxl {
    margin-left: 71.42857%;
  }
  .u-6of7-xxl {
    flex: 0 0 85.71429%;
    max-width: 85.71429%;
  }
  .u-offset6of7-xxl {
    margin-left: 85.71429%;
  }
  .u-7of7-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset7of7-xxl {
    margin-left: 100%;
  }
  .u-1of8-xxl {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .u-offset1of8-xxl {
    margin-left: 12.5%;
  }
  .u-2of8-xxl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset2of8-xxl {
    margin-left: 25%;
  }
  .u-3of8-xxl {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .u-offset3of8-xxl {
    margin-left: 37.5%;
  }
  .u-4of8-xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset4of8-xxl {
    margin-left: 50%;
  }
  .u-5of8-xxl {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .u-offset5of8-xxl {
    margin-left: 62.5%;
  }
  .u-6of8-xxl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset6of8-xxl {
    margin-left: 75%;
  }
  .u-7of8-xxl {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .u-offset7of8-xxl {
    margin-left: 87.5%;
  }
  .u-8of8-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset8of8-xxl {
    margin-left: 100%;
  }
  .u-1of9-xxl {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
  }
  .u-offset1of9-xxl {
    margin-left: 11.11111%;
  }
  .u-2of9-xxl {
    flex: 0 0 22.22222%;
    max-width: 22.22222%;
  }
  .u-offset2of9-xxl {
    margin-left: 22.22222%;
  }
  .u-3of9-xxl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset3of9-xxl {
    margin-left: 33.33333%;
  }
  .u-4of9-xxl {
    flex: 0 0 44.44444%;
    max-width: 44.44444%;
  }
  .u-offset4of9-xxl {
    margin-left: 44.44444%;
  }
  .u-5of9-xxl {
    flex: 0 0 55.55556%;
    max-width: 55.55556%;
  }
  .u-offset5of9-xxl {
    margin-left: 55.55556%;
  }
  .u-6of9-xxl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset6of9-xxl {
    margin-left: 66.66667%;
  }
  .u-7of9-xxl {
    flex: 0 0 77.77778%;
    max-width: 77.77778%;
  }
  .u-offset7of9-xxl {
    margin-left: 77.77778%;
  }
  .u-8of9-xxl {
    flex: 0 0 88.88889%;
    max-width: 88.88889%;
  }
  .u-offset8of9-xxl {
    margin-left: 88.88889%;
  }
  .u-9of9-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset9of9-xxl {
    margin-left: 100%;
  }
  .u-1of10-xxl {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .u-offset1of10-xxl {
    margin-left: 10%;
  }
  .u-2of10-xxl {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .u-offset2of10-xxl {
    margin-left: 20%;
  }
  .u-3of10-xxl {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .u-offset3of10-xxl {
    margin-left: 30%;
  }
  .u-4of10-xxl {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .u-offset4of10-xxl {
    margin-left: 40%;
  }
  .u-5of10-xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset5of10-xxl {
    margin-left: 50%;
  }
  .u-6of10-xxl {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .u-offset6of10-xxl {
    margin-left: 60%;
  }
  .u-7of10-xxl {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .u-offset7of10-xxl {
    margin-left: 70%;
  }
  .u-8of10-xxl {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .u-offset8of10-xxl {
    margin-left: 80%;
  }
  .u-9of10-xxl {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .u-offset9of10-xxl {
    margin-left: 90%;
  }
  .u-10of10-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset10of10-xxl {
    margin-left: 100%;
  }
  .u-1of11-xxl {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
  }
  .u-offset1of11-xxl {
    margin-left: 9.09091%;
  }
  .u-2of11-xxl {
    flex: 0 0 18.18182%;
    max-width: 18.18182%;
  }
  .u-offset2of11-xxl {
    margin-left: 18.18182%;
  }
  .u-3of11-xxl {
    flex: 0 0 27.27273%;
    max-width: 27.27273%;
  }
  .u-offset3of11-xxl {
    margin-left: 27.27273%;
  }
  .u-4of11-xxl {
    flex: 0 0 36.36364%;
    max-width: 36.36364%;
  }
  .u-offset4of11-xxl {
    margin-left: 36.36364%;
  }
  .u-5of11-xxl {
    flex: 0 0 45.45455%;
    max-width: 45.45455%;
  }
  .u-offset5of11-xxl {
    margin-left: 45.45455%;
  }
  .u-6of11-xxl {
    flex: 0 0 54.54545%;
    max-width: 54.54545%;
  }
  .u-offset6of11-xxl {
    margin-left: 54.54545%;
  }
  .u-7of11-xxl {
    flex: 0 0 63.63636%;
    max-width: 63.63636%;
  }
  .u-offset7of11-xxl {
    margin-left: 63.63636%;
  }
  .u-8of11-xxl {
    flex: 0 0 72.72727%;
    max-width: 72.72727%;
  }
  .u-offset8of11-xxl {
    margin-left: 72.72727%;
  }
  .u-9of11-xxl {
    flex: 0 0 81.81818%;
    max-width: 81.81818%;
  }
  .u-offset9of11-xxl {
    margin-left: 81.81818%;
  }
  .u-10of11-xxl {
    flex: 0 0 90.90909%;
    max-width: 90.90909%;
  }
  .u-offset10of11-xxl {
    margin-left: 90.90909%;
  }
  .u-11of11-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset11of11-xxl {
    margin-left: 100%;
  }
  .u-1of12-xxl {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .u-offset1of12-xxl {
    margin-left: 8.33333%;
  }
  .u-2of12-xxl {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .u-offset2of12-xxl {
    margin-left: 16.66667%;
  }
  .u-3of12-xxl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-offset3of12-xxl {
    margin-left: 25%;
  }
  .u-4of12-xxl {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .u-offset4of12-xxl {
    margin-left: 33.33333%;
  }
  .u-5of12-xxl {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .u-offset5of12-xxl {
    margin-left: 41.66667%;
  }
  .u-6of12-xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-offset6of12-xxl {
    margin-left: 50%;
  }
  .u-7of12-xxl {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .u-offset7of12-xxl {
    margin-left: 58.33333%;
  }
  .u-8of12-xxl {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .u-offset8of12-xxl {
    margin-left: 66.66667%;
  }
  .u-9of12-xxl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-offset9of12-xxl {
    margin-left: 75%;
  }
  .u-10of12-xxl {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .u-offset10of12-xxl {
    margin-left: 83.33333%;
  }
  .u-11of12-xxl {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .u-offset11of12-xxl {
    margin-left: 91.66667%;
  }
  .u-12of12-xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-offset12of12-xxl {
    margin-left: 100%;
  }
}

.u-width-auto {
  width: auto !important;
}

@media screen and (min-width: 360px) {
  .u-width-auto-xxs {
    width: auto !important;
  }
}

@media screen and (min-width: 400px) {
  .u-width-auto-xs {
    width: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-width-auto-sm {
    width: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-width-auto-md {
    width: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-width-auto-lg {
    width: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-width-auto-xl {
    width: auto !important;
  }
}

@media screen and (min-width: 1400px) {
  .u-width-auto-xxl {
    width: auto !important;
  }
}

.u-separator-h {
  border-bottom: 1px solid #80a4b3;
}

.u-separator--pipe::before {
  content: " | ";
  margin: 0 5px;
}

.flag {
  background-color: #ad512c;
  clip-path: polygon(0% 0%, 100% 0%, 85% 50%, 100% 100%, 0% 100%);
  color: #fff;
  font-family: "JensonBold", times, serif;
  font-size: .875rem;
  height: 26px;
  letter-spacing: 1px;
  line-height: 1;
  padding: 7px 12px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  top: 10px;
  width: 70px;
}

/**
 Font and background color utilities
 */
.u-text-body {
  color: #666 !important;
}

.u-bg-body {
  background-color: #666 !important;
}

@font-face {
  font-family: "JensonBold";
  src: url("../jenson-bold.woff");
  src: url("../jenson-bold.woff") format("woff");
}

@font-face {
  font-family: "JensonMedium";
  src: url("../jenson-medium.woff");
  src: url("../jenson-medium.woff") format("woff");
}

/*# sourceMappingURL=sourcemaps/base.css.map */