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

ul[class],
ol[class] {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

details,
main,
summary {
  display: block;
}

progress {
  vertical-align: baseline;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

html {
  font-family: sans-serif;
  line-height: 1.5;
      -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

ul[class],
ol[class] {
  list-style: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

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

input,
button,
textarea,
select {
  font: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

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

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

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

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}

.section {
  background-image: linear-gradient(180deg, #fafafa, #f5f5f5);
}

header {
  text-transform: uppercase;
  letter-spacing: 0.25ex;
  font-weight: 500;
}

.colContent {
  font-size: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: linear-gradient(180deg, #cfd8dc, #eceff1);
  border-radius: 5px;
  color: #263238;
  box-shadow: 0 1px 2px rgba(17,17,17,0.2);
  flex: 1 1 auto;
}

@media screen and (min-width: 320px) {
  .colContent {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .colContent {
    padding-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .colContent {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .colContent {
    padding-bottom: 8px;
  }
}

.colContent--white {
  background: #eceff1;
  box-shadow: 0 1px 3px rgba(17,17,17,0.2);
  padding: 0;
  overflow: hidden;
}

.example .col {
  display: flex;
  margin-top: 8px;
}

@media screen and (min-width: 320px) {
  .example .col {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .example .col {
    margin-top: 16px;
  }
}

.gridOverlay {
  background: none;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  pointer-events: none;
}

.gridOverlay .container {
  position: relative;
  height: 100vh;
  outline: 1px solid rgba(216,27,96,0.25);
}

.gridOverlay .container::before,
.gridOverlay .container::after {
  content: '';
  position: absolute;
  height: 100vh;
  width: 8px;
}

@media screen and (min-width: 320px) {
  .gridOverlay .container::before,
  .gridOverlay .container::after {
    width: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .gridOverlay .container::before,
  .gridOverlay .container::after {
    width: 16px;
  }
}

.gridOverlay .container::before {
  left: 0;
  top: 0;
  border-right: 1px dotted rgba(216,27,96,0.25);
}

.gridOverlay .container::after {
  right: 0;
  top: 0;
  border-left: 1px dotted rgba(216,27,96,0.25);
}

.gridOverlay .col {
  position: relative;
  height: 100vh;
  box-shadow: 1px 0px 0px 0px rgba(79,195,247,0.25);
  width: calc(1/6 * 100%);
}

.gridOverlay .col:first-child {
  box-shadow: -1px 0px 0px 0px rgba(79,195,247,0.25),1px 0px 0px 0px rgba(79,195,247,0.25);
}

.gridOverlay .col:nth-child(n+7) {
  display: none;
}

@media (min-width: 600px) {
  .gridOverlay .col {
    width: calc(1/12 * 100%);
  }

  .gridOverlay .col:nth-child(n+7) {
    display: block;
  }

  .gridOverlay .col:nth-child(n+13) {
    display: none;
  }
}

@media (min-width: 800px) {
  .gridOverlay .col {
    width: calc(1/24 * 100%);
  }

  .gridOverlay .col:nth-child(n+13) {
    display: block;
  }
}

.gridOverlay .col::before,
.gridOverlay .col::after {
  content: '';
  position: absolute;
  height: 100vh;
  width: 4px;
}

@media screen and (min-width: 320px) {
  .gridOverlay .col::before,
  .gridOverlay .col::after {
    width: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .gridOverlay .col::before,
  .gridOverlay .col::after {
    width: 8px;
  }
}

.gridOverlay .col::before {
  left: 0;
  top: 0;
  border-right: 1px dotted rgba(79,195,247,0.25);
}

.gridOverlay .col::after {
  right: 0;
  top: 0;
  border-left: 1px dotted rgba(79,195,247,0.25);
}

.section {
  width: 100%;
}

.container {
  padding-left: 8px;
  padding-right: 8px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1600px;
}

@media screen and (min-width: 320px) {
  .container {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .container {
    padding-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .container {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .container {
    padding-right: 16px;
  }
}

.container .container {
  padding-left: 0;
  padding-right: 0;
}

.row {
  margin-left: -8px;
  margin-right: -8px;
  width: auto;
  display: flex;
  flex-flow: row wrap;
}

@media screen and (min-width: 320px) {
  .row {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .row {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.col {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .col {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .col {
    padding-left: 16px;
    padding-right: 16px;
  }
}

[class*='stack'] > * {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 0px) {
  .w-1\/6 {
    width: calc(1 / 6 * 100%);
  }

  .offset-1\/6 {
    margin-left: calc(1 / 6 * 100%);
  }

  .push-left-1\/6 {
    left: calc(1 / 6 * 100%);
  }

  .pull-left-1\/6 {
    left: calc(1 / 6 * -100%);
  }

  .push-right-1\/6 {
    right: calc(1 / 6 * 100%);
  }

  .pull-right-1\/6 {
    right: calc(1 / 6 * -100%);
  }

  .w-2\/6 {
    width: calc(2 / 6 * 100%);
  }

  .offset-2\/6 {
    margin-left: calc(2 / 6 * 100%);
  }

  .push-left-2\/6 {
    left: calc(2 / 6 * 100%);
  }

  .pull-left-2\/6 {
    left: calc(2 / 6 * -100%);
  }

  .push-right-2\/6 {
    right: calc(2 / 6 * 100%);
  }

  .pull-right-2\/6 {
    right: calc(2 / 6 * -100%);
  }

  .w-3\/6 {
    width: calc(3 / 6 * 100%);
  }

  .offset-3\/6 {
    margin-left: calc(3 / 6 * 100%);
  }

  .push-left-3\/6 {
    left: calc(3 / 6 * 100%);
  }

  .pull-left-3\/6 {
    left: calc(3 / 6 * -100%);
  }

  .push-right-3\/6 {
    right: calc(3 / 6 * 100%);
  }

  .pull-right-3\/6 {
    right: calc(3 / 6 * -100%);
  }

  .w-4\/6 {
    width: calc(4 / 6 * 100%);
  }

  .offset-4\/6 {
    margin-left: calc(4 / 6 * 100%);
  }

  .push-left-4\/6 {
    left: calc(4 / 6 * 100%);
  }

  .pull-left-4\/6 {
    left: calc(4 / 6 * -100%);
  }

  .push-right-4\/6 {
    right: calc(4 / 6 * 100%);
  }

  .pull-right-4\/6 {
    right: calc(4 / 6 * -100%);
  }

  .w-5\/6 {
    width: calc(5 / 6 * 100%);
  }

  .offset-5\/6 {
    margin-left: calc(5 / 6 * 100%);
  }

  .push-left-5\/6 {
    left: calc(5 / 6 * 100%);
  }

  .pull-left-5\/6 {
    left: calc(5 / 6 * -100%);
  }

  .push-right-5\/6 {
    right: calc(5 / 6 * 100%);
  }

  .pull-right-5\/6 {
    right: calc(5 / 6 * -100%);
  }

  .w-6\/6 {
    width: calc(6 / 6 * 100%);
  }

  .offset-6\/6 {
    margin-left: calc(6 / 6 * 100%);
  }

  .push-left-6\/6 {
    left: calc(6 / 6 * 100%);
  }

  .pull-left-6\/6 {
    left: calc(6 / 6 * -100%);
  }

  .push-right-6\/6 {
    right: calc(6 / 6 * 100%);
  }

  .pull-right-6\/6 {
    right: calc(6 / 6 * -100%);
  }

  .w-1\/12 {
    width: calc(1 / 12 * 100%);
  }

  .offset-1\/12 {
    margin-left: calc(1 / 12 * 100%);
  }

  .push-left-1\/12 {
    left: calc(1 / 12 * 100%);
  }

  .pull-left-1\/12 {
    left: calc(1 / 12 * -100%);
  }

  .push-right-1\/12 {
    right: calc(1 / 12 * 100%);
  }

  .pull-right-1\/12 {
    right: calc(1 / 12 * -100%);
  }

  .w-2\/12 {
    width: calc(2 / 12 * 100%);
  }

  .offset-2\/12 {
    margin-left: calc(2 / 12 * 100%);
  }

  .push-left-2\/12 {
    left: calc(2 / 12 * 100%);
  }

  .pull-left-2\/12 {
    left: calc(2 / 12 * -100%);
  }

  .push-right-2\/12 {
    right: calc(2 / 12 * 100%);
  }

  .pull-right-2\/12 {
    right: calc(2 / 12 * -100%);
  }

  .w-3\/12 {
    width: calc(3 / 12 * 100%);
  }

  .offset-3\/12 {
    margin-left: calc(3 / 12 * 100%);
  }

  .push-left-3\/12 {
    left: calc(3 / 12 * 100%);
  }

  .pull-left-3\/12 {
    left: calc(3 / 12 * -100%);
  }

  .push-right-3\/12 {
    right: calc(3 / 12 * 100%);
  }

  .pull-right-3\/12 {
    right: calc(3 / 12 * -100%);
  }

  .w-4\/12 {
    width: calc(4 / 12 * 100%);
  }

  .offset-4\/12 {
    margin-left: calc(4 / 12 * 100%);
  }

  .push-left-4\/12 {
    left: calc(4 / 12 * 100%);
  }

  .pull-left-4\/12 {
    left: calc(4 / 12 * -100%);
  }

  .push-right-4\/12 {
    right: calc(4 / 12 * 100%);
  }

  .pull-right-4\/12 {
    right: calc(4 / 12 * -100%);
  }

  .w-5\/12 {
    width: calc(5 / 12 * 100%);
  }

  .offset-5\/12 {
    margin-left: calc(5 / 12 * 100%);
  }

  .push-left-5\/12 {
    left: calc(5 / 12 * 100%);
  }

  .pull-left-5\/12 {
    left: calc(5 / 12 * -100%);
  }

  .push-right-5\/12 {
    right: calc(5 / 12 * 100%);
  }

  .pull-right-5\/12 {
    right: calc(5 / 12 * -100%);
  }

  .w-6\/12 {
    width: calc(6 / 12 * 100%);
  }

  .offset-6\/12 {
    margin-left: calc(6 / 12 * 100%);
  }

  .push-left-6\/12 {
    left: calc(6 / 12 * 100%);
  }

  .pull-left-6\/12 {
    left: calc(6 / 12 * -100%);
  }

  .push-right-6\/12 {
    right: calc(6 / 12 * 100%);
  }

  .pull-right-6\/12 {
    right: calc(6 / 12 * -100%);
  }

  .w-7\/12 {
    width: calc(7 / 12 * 100%);
  }

  .offset-7\/12 {
    margin-left: calc(7 / 12 * 100%);
  }

  .push-left-7\/12 {
    left: calc(7 / 12 * 100%);
  }

  .pull-left-7\/12 {
    left: calc(7 / 12 * -100%);
  }

  .push-right-7\/12 {
    right: calc(7 / 12 * 100%);
  }

  .pull-right-7\/12 {
    right: calc(7 / 12 * -100%);
  }

  .w-8\/12 {
    width: calc(8 / 12 * 100%);
  }

  .offset-8\/12 {
    margin-left: calc(8 / 12 * 100%);
  }

  .push-left-8\/12 {
    left: calc(8 / 12 * 100%);
  }

  .pull-left-8\/12 {
    left: calc(8 / 12 * -100%);
  }

  .push-right-8\/12 {
    right: calc(8 / 12 * 100%);
  }

  .pull-right-8\/12 {
    right: calc(8 / 12 * -100%);
  }

  .w-9\/12 {
    width: calc(9 / 12 * 100%);
  }

  .offset-9\/12 {
    margin-left: calc(9 / 12 * 100%);
  }

  .push-left-9\/12 {
    left: calc(9 / 12 * 100%);
  }

  .pull-left-9\/12 {
    left: calc(9 / 12 * -100%);
  }

  .push-right-9\/12 {
    right: calc(9 / 12 * 100%);
  }

  .pull-right-9\/12 {
    right: calc(9 / 12 * -100%);
  }

  .w-10\/12 {
    width: calc(10 / 12 * 100%);
  }

  .offset-10\/12 {
    margin-left: calc(10 / 12 * 100%);
  }

  .push-left-10\/12 {
    left: calc(10 / 12 * 100%);
  }

  .pull-left-10\/12 {
    left: calc(10 / 12 * -100%);
  }

  .push-right-10\/12 {
    right: calc(10 / 12 * 100%);
  }

  .pull-right-10\/12 {
    right: calc(10 / 12 * -100%);
  }

  .w-11\/12 {
    width: calc(11 / 12 * 100%);
  }

  .offset-11\/12 {
    margin-left: calc(11 / 12 * 100%);
  }

  .push-left-11\/12 {
    left: calc(11 / 12 * 100%);
  }

  .pull-left-11\/12 {
    left: calc(11 / 12 * -100%);
  }

  .push-right-11\/12 {
    right: calc(11 / 12 * 100%);
  }

  .pull-right-11\/12 {
    right: calc(11 / 12 * -100%);
  }

  .w-12\/12 {
    width: calc(12 / 12 * 100%);
  }

  .offset-12\/12 {
    margin-left: calc(12 / 12 * 100%);
  }

  .push-left-12\/12 {
    left: calc(12 / 12 * 100%);
  }

  .pull-left-12\/12 {
    left: calc(12 / 12 * -100%);
  }

  .push-right-12\/12 {
    right: calc(12 / 12 * 100%);
  }

  .pull-right-12\/12 {
    right: calc(12 / 12 * -100%);
  }

  .w-1\/24 {
    width: calc(1 / 24 * 100%);
  }

  .offset-1\/24 {
    margin-left: calc(1 / 24 * 100%);
  }

  .push-left-1\/24 {
    left: calc(1 / 24 * 100%);
  }

  .pull-left-1\/24 {
    left: calc(1 / 24 * -100%);
  }

  .push-right-1\/24 {
    right: calc(1 / 24 * 100%);
  }

  .pull-right-1\/24 {
    right: calc(1 / 24 * -100%);
  }

  .w-2\/24 {
    width: calc(2 / 24 * 100%);
  }

  .offset-2\/24 {
    margin-left: calc(2 / 24 * 100%);
  }

  .push-left-2\/24 {
    left: calc(2 / 24 * 100%);
  }

  .pull-left-2\/24 {
    left: calc(2 / 24 * -100%);
  }

  .push-right-2\/24 {
    right: calc(2 / 24 * 100%);
  }

  .pull-right-2\/24 {
    right: calc(2 / 24 * -100%);
  }

  .w-3\/24 {
    width: calc(3 / 24 * 100%);
  }

  .offset-3\/24 {
    margin-left: calc(3 / 24 * 100%);
  }

  .push-left-3\/24 {
    left: calc(3 / 24 * 100%);
  }

  .pull-left-3\/24 {
    left: calc(3 / 24 * -100%);
  }

  .push-right-3\/24 {
    right: calc(3 / 24 * 100%);
  }

  .pull-right-3\/24 {
    right: calc(3 / 24 * -100%);
  }

  .w-4\/24 {
    width: calc(4 / 24 * 100%);
  }

  .offset-4\/24 {
    margin-left: calc(4 / 24 * 100%);
  }

  .push-left-4\/24 {
    left: calc(4 / 24 * 100%);
  }

  .pull-left-4\/24 {
    left: calc(4 / 24 * -100%);
  }

  .push-right-4\/24 {
    right: calc(4 / 24 * 100%);
  }

  .pull-right-4\/24 {
    right: calc(4 / 24 * -100%);
  }

  .w-5\/24 {
    width: calc(5 / 24 * 100%);
  }

  .offset-5\/24 {
    margin-left: calc(5 / 24 * 100%);
  }

  .push-left-5\/24 {
    left: calc(5 / 24 * 100%);
  }

  .pull-left-5\/24 {
    left: calc(5 / 24 * -100%);
  }

  .push-right-5\/24 {
    right: calc(5 / 24 * 100%);
  }

  .pull-right-5\/24 {
    right: calc(5 / 24 * -100%);
  }

  .w-6\/24 {
    width: calc(6 / 24 * 100%);
  }

  .offset-6\/24 {
    margin-left: calc(6 / 24 * 100%);
  }

  .push-left-6\/24 {
    left: calc(6 / 24 * 100%);
  }

  .pull-left-6\/24 {
    left: calc(6 / 24 * -100%);
  }

  .push-right-6\/24 {
    right: calc(6 / 24 * 100%);
  }

  .pull-right-6\/24 {
    right: calc(6 / 24 * -100%);
  }

  .w-7\/24 {
    width: calc(7 / 24 * 100%);
  }

  .offset-7\/24 {
    margin-left: calc(7 / 24 * 100%);
  }

  .push-left-7\/24 {
    left: calc(7 / 24 * 100%);
  }

  .pull-left-7\/24 {
    left: calc(7 / 24 * -100%);
  }

  .push-right-7\/24 {
    right: calc(7 / 24 * 100%);
  }

  .pull-right-7\/24 {
    right: calc(7 / 24 * -100%);
  }

  .w-8\/24 {
    width: calc(8 / 24 * 100%);
  }

  .offset-8\/24 {
    margin-left: calc(8 / 24 * 100%);
  }

  .push-left-8\/24 {
    left: calc(8 / 24 * 100%);
  }

  .pull-left-8\/24 {
    left: calc(8 / 24 * -100%);
  }

  .push-right-8\/24 {
    right: calc(8 / 24 * 100%);
  }

  .pull-right-8\/24 {
    right: calc(8 / 24 * -100%);
  }

  .w-9\/24 {
    width: calc(9 / 24 * 100%);
  }

  .offset-9\/24 {
    margin-left: calc(9 / 24 * 100%);
  }

  .push-left-9\/24 {
    left: calc(9 / 24 * 100%);
  }

  .pull-left-9\/24 {
    left: calc(9 / 24 * -100%);
  }

  .push-right-9\/24 {
    right: calc(9 / 24 * 100%);
  }

  .pull-right-9\/24 {
    right: calc(9 / 24 * -100%);
  }

  .w-10\/24 {
    width: calc(10 / 24 * 100%);
  }

  .offset-10\/24 {
    margin-left: calc(10 / 24 * 100%);
  }

  .push-left-10\/24 {
    left: calc(10 / 24 * 100%);
  }

  .pull-left-10\/24 {
    left: calc(10 / 24 * -100%);
  }

  .push-right-10\/24 {
    right: calc(10 / 24 * 100%);
  }

  .pull-right-10\/24 {
    right: calc(10 / 24 * -100%);
  }

  .w-11\/24 {
    width: calc(11 / 24 * 100%);
  }

  .offset-11\/24 {
    margin-left: calc(11 / 24 * 100%);
  }

  .push-left-11\/24 {
    left: calc(11 / 24 * 100%);
  }

  .pull-left-11\/24 {
    left: calc(11 / 24 * -100%);
  }

  .push-right-11\/24 {
    right: calc(11 / 24 * 100%);
  }

  .pull-right-11\/24 {
    right: calc(11 / 24 * -100%);
  }

  .w-12\/24 {
    width: calc(12 / 24 * 100%);
  }

  .offset-12\/24 {
    margin-left: calc(12 / 24 * 100%);
  }

  .push-left-12\/24 {
    left: calc(12 / 24 * 100%);
  }

  .pull-left-12\/24 {
    left: calc(12 / 24 * -100%);
  }

  .push-right-12\/24 {
    right: calc(12 / 24 * 100%);
  }

  .pull-right-12\/24 {
    right: calc(12 / 24 * -100%);
  }

  .w-13\/24 {
    width: calc(13 / 24 * 100%);
  }

  .offset-13\/24 {
    margin-left: calc(13 / 24 * 100%);
  }

  .push-left-13\/24 {
    left: calc(13 / 24 * 100%);
  }

  .pull-left-13\/24 {
    left: calc(13 / 24 * -100%);
  }

  .push-right-13\/24 {
    right: calc(13 / 24 * 100%);
  }

  .pull-right-13\/24 {
    right: calc(13 / 24 * -100%);
  }

  .w-14\/24 {
    width: calc(14 / 24 * 100%);
  }

  .offset-14\/24 {
    margin-left: calc(14 / 24 * 100%);
  }

  .push-left-14\/24 {
    left: calc(14 / 24 * 100%);
  }

  .pull-left-14\/24 {
    left: calc(14 / 24 * -100%);
  }

  .push-right-14\/24 {
    right: calc(14 / 24 * 100%);
  }

  .pull-right-14\/24 {
    right: calc(14 / 24 * -100%);
  }

  .w-15\/24 {
    width: calc(15 / 24 * 100%);
  }

  .offset-15\/24 {
    margin-left: calc(15 / 24 * 100%);
  }

  .push-left-15\/24 {
    left: calc(15 / 24 * 100%);
  }

  .pull-left-15\/24 {
    left: calc(15 / 24 * -100%);
  }

  .push-right-15\/24 {
    right: calc(15 / 24 * 100%);
  }

  .pull-right-15\/24 {
    right: calc(15 / 24 * -100%);
  }

  .w-16\/24 {
    width: calc(16 / 24 * 100%);
  }

  .offset-16\/24 {
    margin-left: calc(16 / 24 * 100%);
  }

  .push-left-16\/24 {
    left: calc(16 / 24 * 100%);
  }

  .pull-left-16\/24 {
    left: calc(16 / 24 * -100%);
  }

  .push-right-16\/24 {
    right: calc(16 / 24 * 100%);
  }

  .pull-right-16\/24 {
    right: calc(16 / 24 * -100%);
  }

  .w-17\/24 {
    width: calc(17 / 24 * 100%);
  }

  .offset-17\/24 {
    margin-left: calc(17 / 24 * 100%);
  }

  .push-left-17\/24 {
    left: calc(17 / 24 * 100%);
  }

  .pull-left-17\/24 {
    left: calc(17 / 24 * -100%);
  }

  .push-right-17\/24 {
    right: calc(17 / 24 * 100%);
  }

  .pull-right-17\/24 {
    right: calc(17 / 24 * -100%);
  }

  .w-18\/24 {
    width: calc(18 / 24 * 100%);
  }

  .offset-18\/24 {
    margin-left: calc(18 / 24 * 100%);
  }

  .push-left-18\/24 {
    left: calc(18 / 24 * 100%);
  }

  .pull-left-18\/24 {
    left: calc(18 / 24 * -100%);
  }

  .push-right-18\/24 {
    right: calc(18 / 24 * 100%);
  }

  .pull-right-18\/24 {
    right: calc(18 / 24 * -100%);
  }

  .w-19\/24 {
    width: calc(19 / 24 * 100%);
  }

  .offset-19\/24 {
    margin-left: calc(19 / 24 * 100%);
  }

  .push-left-19\/24 {
    left: calc(19 / 24 * 100%);
  }

  .pull-left-19\/24 {
    left: calc(19 / 24 * -100%);
  }

  .push-right-19\/24 {
    right: calc(19 / 24 * 100%);
  }

  .pull-right-19\/24 {
    right: calc(19 / 24 * -100%);
  }

  .w-20\/24 {
    width: calc(20 / 24 * 100%);
  }

  .offset-20\/24 {
    margin-left: calc(20 / 24 * 100%);
  }

  .push-left-20\/24 {
    left: calc(20 / 24 * 100%);
  }

  .pull-left-20\/24 {
    left: calc(20 / 24 * -100%);
  }

  .push-right-20\/24 {
    right: calc(20 / 24 * 100%);
  }

  .pull-right-20\/24 {
    right: calc(20 / 24 * -100%);
  }

  .w-21\/24 {
    width: calc(21 / 24 * 100%);
  }

  .offset-21\/24 {
    margin-left: calc(21 / 24 * 100%);
  }

  .push-left-21\/24 {
    left: calc(21 / 24 * 100%);
  }

  .pull-left-21\/24 {
    left: calc(21 / 24 * -100%);
  }

  .push-right-21\/24 {
    right: calc(21 / 24 * 100%);
  }

  .pull-right-21\/24 {
    right: calc(21 / 24 * -100%);
  }

  .w-22\/24 {
    width: calc(22 / 24 * 100%);
  }

  .offset-22\/24 {
    margin-left: calc(22 / 24 * 100%);
  }

  .push-left-22\/24 {
    left: calc(22 / 24 * 100%);
  }

  .pull-left-22\/24 {
    left: calc(22 / 24 * -100%);
  }

  .push-right-22\/24 {
    right: calc(22 / 24 * 100%);
  }

  .pull-right-22\/24 {
    right: calc(22 / 24 * -100%);
  }

  .w-23\/24 {
    width: calc(23 / 24 * 100%);
  }

  .offset-23\/24 {
    margin-left: calc(23 / 24 * 100%);
  }

  .push-left-23\/24 {
    left: calc(23 / 24 * 100%);
  }

  .pull-left-23\/24 {
    left: calc(23 / 24 * -100%);
  }

  .push-right-23\/24 {
    right: calc(23 / 24 * 100%);
  }

  .pull-right-23\/24 {
    right: calc(23 / 24 * -100%);
  }

  .w-24\/24 {
    width: calc(24 / 24 * 100%);
  }

  .offset-24\/24 {
    margin-left: calc(24 / 24 * 100%);
  }

  .push-left-24\/24 {
    left: calc(24 / 24 * 100%);
  }

  .pull-left-24\/24 {
    left: calc(24 / 24 * -100%);
  }

  .push-right-24\/24 {
    right: calc(24 / 24 * 100%);
  }

  .pull-right-24\/24 {
    right: calc(24 / 24 * -100%);
  }

  .w-320px {
    width: 8px;
  }

  .w-320px {
    width: 16px;
  }

  .w-320px {
    width: 24px;
  }

  .w-320px {
    width: 32px;
  }

  .w-320px {
    width: 40px;
  }

  .w-320px {
    width: 48px;
  }

  .w-320px {
    width: 56px;
  }

  .w-320px {
    width: 64px;
  }

  .w-320px {
    width: 72px;
  }

  .w-320px {
    width: 80px;
  }

  .w-320px {
    width: 88px;
  }

  .w-320px {
    width: 96px;
  }

  .w-320px {
    width: 104px;
  }

  .w-320px {
    width: 112px;
  }

  .w-320px {
    width: 120px;
  }

  .w-320px {
    width: 128px;
  }

  .w-320px {
    width: 136px;
  }

  .w-320px {
    width: 144px;
  }

  .w-320px {
    width: 152px;
  }

  .w-320px {
    width: 160px;
  }

  .w-320px {
    width: 168px;
  }

  .w-320px {
    width: 176px;
  }

  .w-320px {
    width: 184px;
  }

  .w-320px {
    width: 192px;
  }

  .w-320px {
    width: 200px;
  }

  .w-320px {
    width: 208px;
  }

  .w-320px {
    width: 216px;
  }

  .w-320px {
    width: 224px;
  }

  .w-320px {
    width: 232px;
  }

  .w-320px {
    width: 240px;
  }

  .w-320px {
    width: 248px;
  }

  .w-320px {
    width: 256px;
  }

  .w-screen {
    width: 100vw;
  }

  .w-full {
    width: 100%;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-full {
    min-width: 100%;
  }

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

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

  .h-320px {
    height: 24px;
  }

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

  .h-320px {
    height: 40px;
  }

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

  .h-320px {
    height: 56px;
  }

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

  .h-320px {
    height: 72px;
  }

  .h-320px {
    height: 80px;
  }

  .h-320px {
    height: 88px;
  }

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

  .h-320px {
    height: 104px;
  }

  .h-320px {
    height: 112px;
  }

  .h-320px {
    height: 120px;
  }

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

  .h-320px {
    height: 136px;
  }

  .h-320px {
    height: 144px;
  }

  .h-320px {
    height: 152px;
  }

  .h-320px {
    height: 160px;
  }

  .h-320px {
    height: 168px;
  }

  .h-320px {
    height: 176px;
  }

  .h-320px {
    height: 184px;
  }

  .h-320px {
    height: 192px;
  }

  .h-320px {
    height: 200px;
  }

  .h-320px {
    height: 208px;
  }

  .h-320px {
    height: 216px;
  }

  .h-320px {
    height: 224px;
  }

  .h-320px {
    height: 232px;
  }

  .h-320px {
    height: 240px;
  }

  .h-320px {
    height: 248px;
  }

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

  .h-screen {
    height: 100vw;
  }

  .h-full {
    height: 100%;
  }

  .min-h-0 {
    min-height: 0;
  }

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

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

  .max-h-full {
    max-height: 100%;
  }

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

  .stack-0 > * + * {
    margin-top: 0;
  }

  .stack-0\.25 > * + * {
    margin-top: 2px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-0\.25 > * + * {
    margin-top: calc(2px + 2 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-0\.25 > * + * {
    margin-top: 4px;
  }
}

@media (min-width: 0px) {
  .stack-0\.5 > * + * {
    margin-top: 4px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-0\.5 > * + * {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-0\.5 > * + * {
    margin-top: 8px;
  }
}

@media (min-width: 0px) {
  .stack-0\.75 > * + * {
    margin-top: 6px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-0\.75 > * + * {
    margin-top: calc(6px + 6 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-0\.75 > * + * {
    margin-top: 12px;
  }
}

@media (min-width: 0px) {
  .stack > * + *,
  .stack-1 > * + * {
    margin-top: 8px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack > * + *,
  .stack-1 > * + * {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack > * + *,
  .stack-1 > * + * {
    margin-top: 16px;
  }
}

@media (min-width: 0px) {
  .stack-1\.5 > * + * {
    margin-top: 12px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-1\.5 > * + * {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-1\.5 > * + * {
    margin-top: 24px;
  }
}

@media (min-width: 0px) {
  .stack-2 > * + * {
    margin-top: 16px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-2 > * + * {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-2 > * + * {
    margin-top: 32px;
  }
}

@media (min-width: 0px) {
  .stack-2\.5 > * + * {
    margin-top: 20px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-2\.5 > * + * {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-2\.5 > * + * {
    margin-top: 40px;
  }
}

@media (min-width: 0px) {
  .stack-3 > * + * {
    margin-top: 24px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-3 > * + * {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-3 > * + * {
    margin-top: 48px;
  }
}

@media (min-width: 0px) {
  .stack-0\.25 > .a-headline {
    margin-top: 4px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-0\.25 > .a-headline {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-0\.25 > .a-headline {
    margin-top: 8px;
  }
}

@media (min-width: 0px) {
  .stack-0\.25 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack-0\.5 > .a-headline {
    margin-top: 8px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-0\.5 > .a-headline {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-0\.5 > .a-headline {
    margin-top: 16px;
  }
}

@media (min-width: 0px) {
  .stack-0\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack-0\.75 > .a-headline {
    margin-top: 12px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-0\.75 > .a-headline {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-0\.75 > .a-headline {
    margin-top: 24px;
  }
}

@media (min-width: 0px) {
  .stack-0\.75 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack > .a-headline,
  .stack-1 > .a-headline {
    margin-top: 16px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack > .a-headline,
  .stack-1 > .a-headline {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack > .a-headline,
  .stack-1 > .a-headline {
    margin-top: 32px;
  }
}

@media (min-width: 0px) {
  .stack > .a-headline:first-child,
  .stack-1 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack-1\.5 > .a-headline {
    margin-top: 24px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-1\.5 > .a-headline {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-1\.5 > .a-headline {
    margin-top: 48px;
  }
}

@media (min-width: 0px) {
  .stack-1\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack-2 > .a-headline {
    margin-top: 32px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-2 > .a-headline {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-2 > .a-headline {
    margin-top: 64px;
  }
}

@media (min-width: 0px) {
  .stack-2 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack-2\.5 > .a-headline {
    margin-top: 40px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-2\.5 > .a-headline {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-2\.5 > .a-headline {
    margin-top: 80px;
  }
}

@media (min-width: 0px) {
  .stack-2\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .stack-3 > .a-headline {
    margin-top: 48px;
  }
}

@media screen and (min-width: 0px) and (min-width: 320px) {
  .stack-3 > .a-headline {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 0px) and (min-width: 1600px) {
  .stack-3 > .a-headline {
    margin-top: 96px;
  }
}

@media (min-width: 0px) {
  .stack-3 > .a-headline:first-child {
    margin-top: 0;
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

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

  .block {
    display: block;
  }

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

  .inline {
    display: inline;
  }

  .flex {
    display: flex;
  }

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

  .table {
    display: table;
  }

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

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

  .hidden {
    display: none;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  .float-none {
    float: none;
  }

  .clearfix::after {
    content: '';
    display: table;
    clear: both;
  }

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

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

  .object-fill {
    object-fit: fill;
  }

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

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

  .object-bottom {
    object-position: bottom;
  }

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-left-bottom {
    object-position: left bottom;
  }

  .object-left-top {
    object-position: left top;
  }

  .object-right {
    object-position: right;
  }

  .object-right-bottom {
    object-position: right bottom;
  }

  .object-right-top {
    object-position: right top;
  }

  .object-top {
    object-position: top;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-x-visible {
    overflow-x: visible;
  }

  .overflow-y-visible {
    overflow-y: visible;
  }

  .overflow-x-scroll {
    overflow-x: scroll;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .static {
    position: static;
  }

  .fixed {
    position: fixed;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .inset-x-0 {
    right: 0;
    left: 0;
  }

  .top-0 {
    top: 0;
  }

  .right-0 {
    right: 0;
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .inset-x-auto {
    left: auto;
    right: auto;
  }

  .top-auto {
    top: auto;
  }

  .bottom-auto {
    bottom: auto;
  }

  .left-auto {
    left: auto;
  }

  .right-auto {
    right: auto;
  }

  .visible {
    visibility: visible;
  }

  .invisible {
    visibility: hidden;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-auto {
    z-index: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-initial {
    flex: 0 1 auto;
  }

  .flex-1 {
    flex: 1 1 0%;
  }

  .flex-auto {
    flex: 1 1 auto;
  }

  .flex-none {
    flex: none;
  }

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

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

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

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

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .order-none {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-9 {
    order: 9;
  }

  .order-10 {
    order: 10;
  }

  .order-11 {
    order: 11;
  }

  .order-12 {
    order: 12;
  }

  .table-auto {
    table-layout: auto;
  }

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

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

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

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

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

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-no-wrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .break-normal {
    word-break: normal;
    overflow-wrap: normal;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

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

  .p-0 {
    padding: 0;
  }

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

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

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

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

  .px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .m-0 {
    margin: 0;
  }

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

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

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

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

  .mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

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

  .-mx-0 {
    margin-left: -0;
    margin-right: -0;
  }

  .-my-0 {
    margin-top: -0;
    margin-bottom: -0;
  }

  .p-1 {
    padding: 8px;
  }

  .pl-1 {
    padding-left: 8px;
  }

  .pr-1 {
    padding-right: 8px;
  }

  .pt-1 {
    padding-top: 8px;
  }

  .pb-1 {
    padding-bottom: 8px;
  }

  .px-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .py-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .m-1 {
    margin: 8px;
  }

  .ml-1 {
    margin-left: 8px;
  }

  .mr-1 {
    margin-right: 8px;
  }

  .mt-1 {
    margin-top: 8px;
  }

  .mb-1 {
    margin-bottom: 8px;
  }

  .mx-1 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .my-1 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .-m-1 {
    margin: -8px;
  }

  .-ml-1 {
    margin-left: -8px;
  }

  .-mr-1 {
    margin-right: -8px;
  }

  .-mt-1 {
    margin-top: -8px;
  }

  .-mb-1 {
    margin-bottom: -8px;
  }

  .-mx-1 {
    margin-left: -8px;
    margin-right: -8px;
  }

  .-my-1 {
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .p-2 {
    padding: 16px;
  }

  .pl-2 {
    padding-left: 16px;
  }

  .pr-2 {
    padding-right: 16px;
  }

  .pt-2 {
    padding-top: 16px;
  }

  .pb-2 {
    padding-bottom: 16px;
  }

  .px-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .py-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .m-2 {
    margin: 16px;
  }

  .ml-2 {
    margin-left: 16px;
  }

  .mr-2 {
    margin-right: 16px;
  }

  .mt-2 {
    margin-top: 16px;
  }

  .mb-2 {
    margin-bottom: 16px;
  }

  .mx-2 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .my-2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .-m-2 {
    margin: -16px;
  }

  .-ml-2 {
    margin-left: -16px;
  }

  .-mr-2 {
    margin-right: -16px;
  }

  .-mt-2 {
    margin-top: -16px;
  }

  .-mb-2 {
    margin-bottom: -16px;
  }

  .-mx-2 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .-my-2 {
    margin-top: -16px;
    margin-bottom: -16px;
  }

  .p-3 {
    padding: 24px;
  }

  .pl-3 {
    padding-left: 24px;
  }

  .pr-3 {
    padding-right: 24px;
  }

  .pt-3 {
    padding-top: 24px;
  }

  .pb-3 {
    padding-bottom: 24px;
  }

  .px-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .py-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .m-3 {
    margin: 24px;
  }

  .ml-3 {
    margin-left: 24px;
  }

  .mr-3 {
    margin-right: 24px;
  }

  .mt-3 {
    margin-top: 24px;
  }

  .mb-3 {
    margin-bottom: 24px;
  }

  .mx-3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .my-3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .-m-3 {
    margin: -24px;
  }

  .-ml-3 {
    margin-left: -24px;
  }

  .-mr-3 {
    margin-right: -24px;
  }

  .-mt-3 {
    margin-top: -24px;
  }

  .-mb-3 {
    margin-bottom: -24px;
  }

  .-mx-3 {
    margin-left: -24px;
    margin-right: -24px;
  }

  .-my-3 {
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .p-4 {
    padding: 32px;
  }

  .pl-4 {
    padding-left: 32px;
  }

  .pr-4 {
    padding-right: 32px;
  }

  .pt-4 {
    padding-top: 32px;
  }

  .pb-4 {
    padding-bottom: 32px;
  }

  .px-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .py-4 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .m-4 {
    margin: 32px;
  }

  .ml-4 {
    margin-left: 32px;
  }

  .mr-4 {
    margin-right: 32px;
  }

  .mt-4 {
    margin-top: 32px;
  }

  .mb-4 {
    margin-bottom: 32px;
  }

  .mx-4 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .my-4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .-m-4 {
    margin: -32px;
  }

  .-ml-4 {
    margin-left: -32px;
  }

  .-mr-4 {
    margin-right: -32px;
  }

  .-mt-4 {
    margin-top: -32px;
  }

  .-mb-4 {
    margin-bottom: -32px;
  }

  .-mx-4 {
    margin-left: -32px;
    margin-right: -32px;
  }

  .-my-4 {
    margin-top: -32px;
    margin-bottom: -32px;
  }

  .p-5 {
    padding: 40px;
  }

  .pl-5 {
    padding-left: 40px;
  }

  .pr-5 {
    padding-right: 40px;
  }

  .pt-5 {
    padding-top: 40px;
  }

  .pb-5 {
    padding-bottom: 40px;
  }

  .px-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .py-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .m-5 {
    margin: 40px;
  }

  .ml-5 {
    margin-left: 40px;
  }

  .mr-5 {
    margin-right: 40px;
  }

  .mt-5 {
    margin-top: 40px;
  }

  .mb-5 {
    margin-bottom: 40px;
  }

  .mx-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .my-5 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .-m-5 {
    margin: -40px;
  }

  .-ml-5 {
    margin-left: -40px;
  }

  .-mr-5 {
    margin-right: -40px;
  }

  .-mt-5 {
    margin-top: -40px;
  }

  .-mb-5 {
    margin-bottom: -40px;
  }

  .-mx-5 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .-my-5 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .p-6 {
    padding: 48px;
  }

  .pl-6 {
    padding-left: 48px;
  }

  .pr-6 {
    padding-right: 48px;
  }

  .pt-6 {
    padding-top: 48px;
  }

  .pb-6 {
    padding-bottom: 48px;
  }

  .px-6 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .py-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .m-6 {
    margin: 48px;
  }

  .ml-6 {
    margin-left: 48px;
  }

  .mr-6 {
    margin-right: 48px;
  }

  .mt-6 {
    margin-top: 48px;
  }

  .mb-6 {
    margin-bottom: 48px;
  }

  .mx-6 {
    margin-left: 48px;
    margin-right: 48px;
  }

  .my-6 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .-m-6 {
    margin: -48px;
  }

  .-ml-6 {
    margin-left: -48px;
  }

  .-mr-6 {
    margin-right: -48px;
  }

  .-mt-6 {
    margin-top: -48px;
  }

  .-mb-6 {
    margin-bottom: -48px;
  }

  .-mx-6 {
    margin-left: -48px;
    margin-right: -48px;
  }

  .-my-6 {
    margin-top: -48px;
    margin-bottom: -48px;
  }

  .p-7 {
    padding: 56px;
  }

  .pl-7 {
    padding-left: 56px;
  }

  .pr-7 {
    padding-right: 56px;
  }

  .pt-7 {
    padding-top: 56px;
  }

  .pb-7 {
    padding-bottom: 56px;
  }

  .px-7 {
    padding-left: 56px;
    padding-right: 56px;
  }

  .py-7 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .m-7 {
    margin: 56px;
  }

  .ml-7 {
    margin-left: 56px;
  }

  .mr-7 {
    margin-right: 56px;
  }

  .mt-7 {
    margin-top: 56px;
  }

  .mb-7 {
    margin-bottom: 56px;
  }

  .mx-7 {
    margin-left: 56px;
    margin-right: 56px;
  }

  .my-7 {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .-m-7 {
    margin: -56px;
  }

  .-ml-7 {
    margin-left: -56px;
  }

  .-mr-7 {
    margin-right: -56px;
  }

  .-mt-7 {
    margin-top: -56px;
  }

  .-mb-7 {
    margin-bottom: -56px;
  }

  .-mx-7 {
    margin-left: -56px;
    margin-right: -56px;
  }

  .-my-7 {
    margin-top: -56px;
    margin-bottom: -56px;
  }

  .p-8 {
    padding: 64px;
  }

  .pl-8 {
    padding-left: 64px;
  }

  .pr-8 {
    padding-right: 64px;
  }

  .pt-8 {
    padding-top: 64px;
  }

  .pb-8 {
    padding-bottom: 64px;
  }

  .px-8 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .py-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .m-8 {
    margin: 64px;
  }

  .ml-8 {
    margin-left: 64px;
  }

  .mr-8 {
    margin-right: 64px;
  }

  .mt-8 {
    margin-top: 64px;
  }

  .mb-8 {
    margin-bottom: 64px;
  }

  .mx-8 {
    margin-left: 64px;
    margin-right: 64px;
  }

  .my-8 {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .-m-8 {
    margin: -64px;
  }

  .-ml-8 {
    margin-left: -64px;
  }

  .-mr-8 {
    margin-right: -64px;
  }

  .-mt-8 {
    margin-top: -64px;
  }

  .-mb-8 {
    margin-bottom: -64px;
  }

  .-mx-8 {
    margin-left: -64px;
    margin-right: -64px;
  }

  .-my-8 {
    margin-top: -64px;
    margin-bottom: -64px;
  }

  .p-9 {
    padding: 72px;
  }

  .pl-9 {
    padding-left: 72px;
  }

  .pr-9 {
    padding-right: 72px;
  }

  .pt-9 {
    padding-top: 72px;
  }

  .pb-9 {
    padding-bottom: 72px;
  }

  .px-9 {
    padding-left: 72px;
    padding-right: 72px;
  }

  .py-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .m-9 {
    margin: 72px;
  }

  .ml-9 {
    margin-left: 72px;
  }

  .mr-9 {
    margin-right: 72px;
  }

  .mt-9 {
    margin-top: 72px;
  }

  .mb-9 {
    margin-bottom: 72px;
  }

  .mx-9 {
    margin-left: 72px;
    margin-right: 72px;
  }

  .my-9 {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .-m-9 {
    margin: -72px;
  }

  .-ml-9 {
    margin-left: -72px;
  }

  .-mr-9 {
    margin-right: -72px;
  }

  .-mt-9 {
    margin-top: -72px;
  }

  .-mb-9 {
    margin-bottom: -72px;
  }

  .-mx-9 {
    margin-left: -72px;
    margin-right: -72px;
  }

  .-my-9 {
    margin-top: -72px;
    margin-bottom: -72px;
  }

  .p-10 {
    padding: 80px;
  }

  .pl-10 {
    padding-left: 80px;
  }

  .pr-10 {
    padding-right: 80px;
  }

  .pt-10 {
    padding-top: 80px;
  }

  .pb-10 {
    padding-bottom: 80px;
  }

  .px-10 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .py-10 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .m-10 {
    margin: 80px;
  }

  .ml-10 {
    margin-left: 80px;
  }

  .mr-10 {
    margin-right: 80px;
  }

  .mt-10 {
    margin-top: 80px;
  }

  .mb-10 {
    margin-bottom: 80px;
  }

  .mx-10 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .my-10 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .-m-10 {
    margin: -80px;
  }

  .-ml-10 {
    margin-left: -80px;
  }

  .-mr-10 {
    margin-right: -80px;
  }

  .-mt-10 {
    margin-top: -80px;
  }

  .-mb-10 {
    margin-bottom: -80px;
  }

  .-mx-10 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .-my-10 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .p-11 {
    padding: 88px;
  }

  .pl-11 {
    padding-left: 88px;
  }

  .pr-11 {
    padding-right: 88px;
  }

  .pt-11 {
    padding-top: 88px;
  }

  .pb-11 {
    padding-bottom: 88px;
  }

  .px-11 {
    padding-left: 88px;
    padding-right: 88px;
  }

  .py-11 {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .m-11 {
    margin: 88px;
  }

  .ml-11 {
    margin-left: 88px;
  }

  .mr-11 {
    margin-right: 88px;
  }

  .mt-11 {
    margin-top: 88px;
  }

  .mb-11 {
    margin-bottom: 88px;
  }

  .mx-11 {
    margin-left: 88px;
    margin-right: 88px;
  }

  .my-11 {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .-m-11 {
    margin: -88px;
  }

  .-ml-11 {
    margin-left: -88px;
  }

  .-mr-11 {
    margin-right: -88px;
  }

  .-mt-11 {
    margin-top: -88px;
  }

  .-mb-11 {
    margin-bottom: -88px;
  }

  .-mx-11 {
    margin-left: -88px;
    margin-right: -88px;
  }

  .-my-11 {
    margin-top: -88px;
    margin-bottom: -88px;
  }

  .p-12 {
    padding: 96px;
  }

  .pl-12 {
    padding-left: 96px;
  }

  .pr-12 {
    padding-right: 96px;
  }

  .pt-12 {
    padding-top: 96px;
  }

  .pb-12 {
    padding-bottom: 96px;
  }

  .px-12 {
    padding-left: 96px;
    padding-right: 96px;
  }

  .py-12 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .m-12 {
    margin: 96px;
  }

  .ml-12 {
    margin-left: 96px;
  }

  .mr-12 {
    margin-right: 96px;
  }

  .mt-12 {
    margin-top: 96px;
  }

  .mb-12 {
    margin-bottom: 96px;
  }

  .mx-12 {
    margin-left: 96px;
    margin-right: 96px;
  }

  .my-12 {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .-m-12 {
    margin: -96px;
  }

  .-ml-12 {
    margin-left: -96px;
  }

  .-mr-12 {
    margin-right: -96px;
  }

  .-mt-12 {
    margin-top: -96px;
  }

  .-mb-12 {
    margin-bottom: -96px;
  }

  .-mx-12 {
    margin-left: -96px;
    margin-right: -96px;
  }

  .-my-12 {
    margin-top: -96px;
    margin-bottom: -96px;
  }

  .p-13 {
    padding: 104px;
  }

  .pl-13 {
    padding-left: 104px;
  }

  .pr-13 {
    padding-right: 104px;
  }

  .pt-13 {
    padding-top: 104px;
  }

  .pb-13 {
    padding-bottom: 104px;
  }

  .px-13 {
    padding-left: 104px;
    padding-right: 104px;
  }

  .py-13 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .m-13 {
    margin: 104px;
  }

  .ml-13 {
    margin-left: 104px;
  }

  .mr-13 {
    margin-right: 104px;
  }

  .mt-13 {
    margin-top: 104px;
  }

  .mb-13 {
    margin-bottom: 104px;
  }

  .mx-13 {
    margin-left: 104px;
    margin-right: 104px;
  }

  .my-13 {
    margin-top: 104px;
    margin-bottom: 104px;
  }

  .-m-13 {
    margin: -104px;
  }

  .-ml-13 {
    margin-left: -104px;
  }

  .-mr-13 {
    margin-right: -104px;
  }

  .-mt-13 {
    margin-top: -104px;
  }

  .-mb-13 {
    margin-bottom: -104px;
  }

  .-mx-13 {
    margin-left: -104px;
    margin-right: -104px;
  }

  .-my-13 {
    margin-top: -104px;
    margin-bottom: -104px;
  }

  .p-14 {
    padding: 112px;
  }

  .pl-14 {
    padding-left: 112px;
  }

  .pr-14 {
    padding-right: 112px;
  }

  .pt-14 {
    padding-top: 112px;
  }

  .pb-14 {
    padding-bottom: 112px;
  }

  .px-14 {
    padding-left: 112px;
    padding-right: 112px;
  }

  .py-14 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .m-14 {
    margin: 112px;
  }

  .ml-14 {
    margin-left: 112px;
  }

  .mr-14 {
    margin-right: 112px;
  }

  .mt-14 {
    margin-top: 112px;
  }

  .mb-14 {
    margin-bottom: 112px;
  }

  .mx-14 {
    margin-left: 112px;
    margin-right: 112px;
  }

  .my-14 {
    margin-top: 112px;
    margin-bottom: 112px;
  }

  .-m-14 {
    margin: -112px;
  }

  .-ml-14 {
    margin-left: -112px;
  }

  .-mr-14 {
    margin-right: -112px;
  }

  .-mt-14 {
    margin-top: -112px;
  }

  .-mb-14 {
    margin-bottom: -112px;
  }

  .-mx-14 {
    margin-left: -112px;
    margin-right: -112px;
  }

  .-my-14 {
    margin-top: -112px;
    margin-bottom: -112px;
  }

  .p-15 {
    padding: 120px;
  }

  .pl-15 {
    padding-left: 120px;
  }

  .pr-15 {
    padding-right: 120px;
  }

  .pt-15 {
    padding-top: 120px;
  }

  .pb-15 {
    padding-bottom: 120px;
  }

  .px-15 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .py-15 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .m-15 {
    margin: 120px;
  }

  .ml-15 {
    margin-left: 120px;
  }

  .mr-15 {
    margin-right: 120px;
  }

  .mt-15 {
    margin-top: 120px;
  }

  .mb-15 {
    margin-bottom: 120px;
  }

  .mx-15 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .my-15 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .-m-15 {
    margin: -120px;
  }

  .-ml-15 {
    margin-left: -120px;
  }

  .-mr-15 {
    margin-right: -120px;
  }

  .-mt-15 {
    margin-top: -120px;
  }

  .-mb-15 {
    margin-bottom: -120px;
  }

  .-mx-15 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .-my-15 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .p-16 {
    padding: 128px;
  }

  .pl-16 {
    padding-left: 128px;
  }

  .pr-16 {
    padding-right: 128px;
  }

  .pt-16 {
    padding-top: 128px;
  }

  .pb-16 {
    padding-bottom: 128px;
  }

  .px-16 {
    padding-left: 128px;
    padding-right: 128px;
  }

  .py-16 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .m-16 {
    margin: 128px;
  }

  .ml-16 {
    margin-left: 128px;
  }

  .mr-16 {
    margin-right: 128px;
  }

  .mt-16 {
    margin-top: 128px;
  }

  .mb-16 {
    margin-bottom: 128px;
  }

  .mx-16 {
    margin-left: 128px;
    margin-right: 128px;
  }

  .my-16 {
    margin-top: 128px;
    margin-bottom: 128px;
  }

  .-m-16 {
    margin: -128px;
  }

  .-ml-16 {
    margin-left: -128px;
  }

  .-mr-16 {
    margin-right: -128px;
  }

  .-mt-16 {
    margin-top: -128px;
  }

  .-mb-16 {
    margin-bottom: -128px;
  }

  .-mx-16 {
    margin-left: -128px;
    margin-right: -128px;
  }

  .-my-16 {
    margin-top: -128px;
    margin-bottom: -128px;
  }

  .p-17 {
    padding: 136px;
  }

  .pl-17 {
    padding-left: 136px;
  }

  .pr-17 {
    padding-right: 136px;
  }

  .pt-17 {
    padding-top: 136px;
  }

  .pb-17 {
    padding-bottom: 136px;
  }

  .px-17 {
    padding-left: 136px;
    padding-right: 136px;
  }

  .py-17 {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .m-17 {
    margin: 136px;
  }

  .ml-17 {
    margin-left: 136px;
  }

  .mr-17 {
    margin-right: 136px;
  }

  .mt-17 {
    margin-top: 136px;
  }

  .mb-17 {
    margin-bottom: 136px;
  }

  .mx-17 {
    margin-left: 136px;
    margin-right: 136px;
  }

  .my-17 {
    margin-top: 136px;
    margin-bottom: 136px;
  }

  .-m-17 {
    margin: -136px;
  }

  .-ml-17 {
    margin-left: -136px;
  }

  .-mr-17 {
    margin-right: -136px;
  }

  .-mt-17 {
    margin-top: -136px;
  }

  .-mb-17 {
    margin-bottom: -136px;
  }

  .-mx-17 {
    margin-left: -136px;
    margin-right: -136px;
  }

  .-my-17 {
    margin-top: -136px;
    margin-bottom: -136px;
  }
}

.p-0--fluid {
  padding: 0px;
}

@media screen and (min-width: 320px) {
  .p-0--fluid {
    padding: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0--fluid {
    padding: 0px;
  }
}

.p-0\.5--fluid {
  padding: 4px;
}

@media screen and (min-width: 320px) {
  .p-0\.5--fluid {
    padding: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0\.5--fluid {
    padding: 8px;
  }
}

.pl-0--fluid {
  padding-left: 0px;
}

@media screen and (min-width: 320px) {
  .pl-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0--fluid {
    padding-left: 0px;
  }
}

.pl-0\.5--fluid {
  padding-left: 4px;
}

@media screen and (min-width: 320px) {
  .pl-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0\.5--fluid {
    padding-left: 8px;
  }
}

.pr-0--fluid {
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .pr-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-0--fluid {
    padding-right: 0px;
  }
}

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

@media screen and (min-width: 320px) {
  .pt-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0--fluid {
    padding-top: 0px;
  }
}

.pt-0\.5--fluid {
  padding-top: 4px;
}

@media screen and (min-width: 320px) {
  .pt-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0\.5--fluid {
    padding-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .pb-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0--fluid {
    padding-bottom: 0px;
  }
}

.pb-0\.5--fluid {
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .pb-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.px-0--fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-right: 0px;
  }
}

.px-0\.5--fluid {
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-right: 8px;
  }
}

.py-0--fluid {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-bottom: 0px;
  }
}

.py-0\.5--fluid {
  padding-top: 4px;
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0--fluid {
    margin: 0px;
  }
}

.m-0\.5--fluid {
  margin: 4px;
}

@media screen and (min-width: 320px) {
  .m-0\.5--fluid {
    margin: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0\.5--fluid {
    margin: 8px;
  }
}

.ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0--fluid {
    margin-left: 0px;
  }
}

.ml-0\.5--fluid {
  margin-left: 4px;
}

@media screen and (min-width: 320px) {
  .ml-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0\.5--fluid {
    margin-left: 8px;
  }
}

.mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0--fluid {
    margin-right: 0px;
  }
}

.mr-0\.5--fluid {
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mr-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0\.5--fluid {
    margin-right: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0--fluid {
    margin-top: 0px;
  }
}

.mt-0\.5--fluid {
  margin-top: 4px;
}

@media screen and (min-width: 320px) {
  .mt-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0\.5--fluid {
    margin-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0--fluid {
    margin-bottom: 0px;
  }
}

.mb-0\.5--fluid {
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .mb-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-right: 0px;
  }
}

.mx-0\.5--fluid {
  margin-left: 4px;
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-right: 8px;
  }
}

.my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-bottom: 0px;
  }
}

.my-0\.5--fluid {
  margin-top: 4px;
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.-m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .-m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0--fluid {
    margin: 0px;
  }
}

.-m-0\.5--fluid {
  margin: -4px;
}

@media screen and (min-width: 320px) {
  .-m-0\.5--fluid {
    margin: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0\.5--fluid {
    margin: -8px;
  }
}

.-ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .-ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0--fluid {
    margin-left: 0px;
  }
}

.-ml-0\.5--fluid {
  margin-left: -4px;
}

@media screen and (min-width: 320px) {
  .-ml-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0\.5--fluid {
    margin-left: -8px;
  }
}

.-mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0--fluid {
    margin-right: 0px;
  }
}

.-mr-0\.5--fluid {
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mr-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0\.5--fluid {
    margin-right: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0--fluid {
    margin-top: 0px;
  }
}

.-mt-0\.5--fluid {
  margin-top: -4px;
}

@media screen and (min-width: 320px) {
  .-mt-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0\.5--fluid {
    margin-top: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0--fluid {
    margin-bottom: 0px;
  }
}

.-mb-0\.5--fluid {
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-mb-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-right: 0px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-bottom: 0px;
  }
}

.-my-0\.5--fluid {
  margin-top: -4px;
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-top: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.p-1--fluid {
  padding: 8px;
}

@media screen and (min-width: 320px) {
  .p-1--fluid {
    padding: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1--fluid {
    padding: 16px;
  }
}

.p-1\.5--fluid {
  padding: 12px;
}

@media screen and (min-width: 320px) {
  .p-1\.5--fluid {
    padding: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1\.5--fluid {
    padding: 24px;
  }
}

.pl-1--fluid {
  padding-left: 8px;
}

@media screen and (min-width: 320px) {
  .pl-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1--fluid {
    padding-left: 16px;
  }
}

.pl-1\.5--fluid {
  padding-left: 12px;
}

@media screen and (min-width: 320px) {
  .pl-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1\.5--fluid {
    padding-left: 24px;
  }
}

.pr-1--fluid {
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .pr-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-1--fluid {
    padding-right: 16px;
  }
}

.pt-1--fluid {
  padding-top: 8px;
}

@media screen and (min-width: 320px) {
  .pt-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1--fluid {
    padding-top: 16px;
  }
}

.pt-1\.5--fluid {
  padding-top: 12px;
}

@media screen and (min-width: 320px) {
  .pt-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1\.5--fluid {
    padding-top: 24px;
  }
}

.pb-1--fluid {
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .pb-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1--fluid {
    padding-bottom: 16px;
  }
}

.pb-1\.5--fluid {
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .pb-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.px-1--fluid {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-right: 16px;
  }
}

.px-1\.5--fluid {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-right: 24px;
  }
}

.py-1--fluid {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-bottom: 16px;
  }
}

.py-1\.5--fluid {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.m-1--fluid {
  margin: 8px;
}

@media screen and (min-width: 320px) {
  .m-1--fluid {
    margin: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1--fluid {
    margin: 16px;
  }
}

.m-1\.5--fluid {
  margin: 12px;
}

@media screen and (min-width: 320px) {
  .m-1\.5--fluid {
    margin: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1\.5--fluid {
    margin: 24px;
  }
}

.ml-1--fluid {
  margin-left: 8px;
}

@media screen and (min-width: 320px) {
  .ml-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1--fluid {
    margin-left: 16px;
  }
}

.ml-1\.5--fluid {
  margin-left: 12px;
}

@media screen and (min-width: 320px) {
  .ml-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1\.5--fluid {
    margin-left: 24px;
  }
}

.mr-1--fluid {
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mr-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1--fluid {
    margin-right: 16px;
  }
}

.mr-1\.5--fluid {
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mr-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1\.5--fluid {
    margin-right: 24px;
  }
}

.mt-1--fluid {
  margin-top: 8px;
}

@media screen and (min-width: 320px) {
  .mt-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1--fluid {
    margin-top: 16px;
  }
}

.mt-1\.5--fluid {
  margin-top: 12px;
}

@media screen and (min-width: 320px) {
  .mt-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1\.5--fluid {
    margin-top: 24px;
  }
}

.mb-1--fluid {
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .mb-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1--fluid {
    margin-bottom: 16px;
  }
}

.mb-1\.5--fluid {
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .mb-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.mx-1--fluid {
  margin-left: 8px;
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-right: 16px;
  }
}

.mx-1\.5--fluid {
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-right: 24px;
  }
}

.my-1--fluid {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-bottom: 16px;
  }
}

.my-1\.5--fluid {
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.-m-1--fluid {
  margin: -8px;
}

@media screen and (min-width: 320px) {
  .-m-1--fluid {
    margin: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1--fluid {
    margin: -16px;
  }
}

.-m-1\.5--fluid {
  margin: -12px;
}

@media screen and (min-width: 320px) {
  .-m-1\.5--fluid {
    margin: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1\.5--fluid {
    margin: -24px;
  }
}

.-ml-1--fluid {
  margin-left: -8px;
}

@media screen and (min-width: 320px) {
  .-ml-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1--fluid {
    margin-left: -16px;
  }
}

.-ml-1\.5--fluid {
  margin-left: -12px;
}

@media screen and (min-width: 320px) {
  .-ml-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1\.5--fluid {
    margin-left: -24px;
  }
}

.-mr-1--fluid {
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mr-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1--fluid {
    margin-right: -16px;
  }
}

.-mr-1\.5--fluid {
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mr-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mt-1--fluid {
  margin-top: -8px;
}

@media screen and (min-width: 320px) {
  .-mt-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1--fluid {
    margin-top: -16px;
  }
}

.-mt-1\.5--fluid {
  margin-top: -12px;
}

@media screen and (min-width: 320px) {
  .-mt-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1\.5--fluid {
    margin-top: -24px;
  }
}

.-mb-1--fluid {
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-mb-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1--fluid {
    margin-bottom: -16px;
  }
}

.-mb-1\.5--fluid {
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-mb-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mx-1--fluid {
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-left: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-right: -16px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-my-1--fluid {
  margin-top: -8px;
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-top: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-bottom: -16px;
  }
}

.-my-1\.5--fluid {
  margin-top: -12px;
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-top: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.p-2--fluid {
  padding: 16px;
}

@media screen and (min-width: 320px) {
  .p-2--fluid {
    padding: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2--fluid {
    padding: 32px;
  }
}

.p-2\.5--fluid {
  padding: 20px;
}

@media screen and (min-width: 320px) {
  .p-2\.5--fluid {
    padding: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2\.5--fluid {
    padding: 40px;
  }
}

.pl-2--fluid {
  padding-left: 16px;
}

@media screen and (min-width: 320px) {
  .pl-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2--fluid {
    padding-left: 32px;
  }
}

.pl-2\.5--fluid {
  padding-left: 20px;
}

@media screen and (min-width: 320px) {
  .pl-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2\.5--fluid {
    padding-left: 40px;
  }
}

.pr-2--fluid {
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .pr-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-2--fluid {
    padding-right: 32px;
  }
}

.pt-2--fluid {
  padding-top: 16px;
}

@media screen and (min-width: 320px) {
  .pt-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2--fluid {
    padding-top: 32px;
  }
}

.pt-2\.5--fluid {
  padding-top: 20px;
}

@media screen and (min-width: 320px) {
  .pt-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2\.5--fluid {
    padding-top: 40px;
  }
}

.pb-2--fluid {
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .pb-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2--fluid {
    padding-bottom: 32px;
  }
}

.pb-2\.5--fluid {
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .pb-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.px-2--fluid {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-right: 32px;
  }
}

.px-2\.5--fluid {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-right: 40px;
  }
}

.py-2--fluid {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-bottom: 32px;
  }
}

.py-2\.5--fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.m-2--fluid {
  margin: 16px;
}

@media screen and (min-width: 320px) {
  .m-2--fluid {
    margin: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2--fluid {
    margin: 32px;
  }
}

.m-2\.5--fluid {
  margin: 20px;
}

@media screen and (min-width: 320px) {
  .m-2\.5--fluid {
    margin: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2\.5--fluid {
    margin: 40px;
  }
}

.ml-2--fluid {
  margin-left: 16px;
}

@media screen and (min-width: 320px) {
  .ml-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2--fluid {
    margin-left: 32px;
  }
}

.ml-2\.5--fluid {
  margin-left: 20px;
}

@media screen and (min-width: 320px) {
  .ml-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2\.5--fluid {
    margin-left: 40px;
  }
}

.mr-2--fluid {
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mr-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2--fluid {
    margin-right: 32px;
  }
}

.mr-2\.5--fluid {
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mr-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2\.5--fluid {
    margin-right: 40px;
  }
}

.mt-2--fluid {
  margin-top: 16px;
}

@media screen and (min-width: 320px) {
  .mt-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2--fluid {
    margin-top: 32px;
  }
}

.mt-2\.5--fluid {
  margin-top: 20px;
}

@media screen and (min-width: 320px) {
  .mt-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2\.5--fluid {
    margin-top: 40px;
  }
}

.mb-2--fluid {
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .mb-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2--fluid {
    margin-bottom: 32px;
  }
}

.mb-2\.5--fluid {
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .mb-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.mx-2--fluid {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-right: 32px;
  }
}

.mx-2\.5--fluid {
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-right: 40px;
  }
}

.my-2--fluid {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-bottom: 32px;
  }
}

.my-2\.5--fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.-m-2--fluid {
  margin: -16px;
}

@media screen and (min-width: 320px) {
  .-m-2--fluid {
    margin: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2--fluid {
    margin: -32px;
  }
}

.-m-2\.5--fluid {
  margin: -20px;
}

@media screen and (min-width: 320px) {
  .-m-2\.5--fluid {
    margin: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2\.5--fluid {
    margin: -40px;
  }
}

.-ml-2--fluid {
  margin-left: -16px;
}

@media screen and (min-width: 320px) {
  .-ml-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2--fluid {
    margin-left: -32px;
  }
}

.-ml-2\.5--fluid {
  margin-left: -20px;
}

@media screen and (min-width: 320px) {
  .-ml-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2\.5--fluid {
    margin-left: -40px;
  }
}

.-mr-2--fluid {
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mr-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2--fluid {
    margin-right: -32px;
  }
}

.-mr-2\.5--fluid {
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mr-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mt-2--fluid {
  margin-top: -16px;
}

@media screen and (min-width: 320px) {
  .-mt-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2--fluid {
    margin-top: -32px;
  }
}

.-mt-2\.5--fluid {
  margin-top: -20px;
}

@media screen and (min-width: 320px) {
  .-mt-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2\.5--fluid {
    margin-top: -40px;
  }
}

.-mb-2--fluid {
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-mb-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2--fluid {
    margin-bottom: -32px;
  }
}

.-mb-2\.5--fluid {
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-mb-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mx-2--fluid {
  margin-left: -16px;
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-left: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-right: -32px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-my-2--fluid {
  margin-top: -16px;
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-top: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-bottom: -32px;
  }
}

.-my-2\.5--fluid {
  margin-top: -20px;
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-top: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.p-3--fluid {
  padding: 24px;
}

@media screen and (min-width: 320px) {
  .p-3--fluid {
    padding: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3--fluid {
    padding: 48px;
  }
}

.p-3\.5--fluid {
  padding: 28px;
}

@media screen and (min-width: 320px) {
  .p-3\.5--fluid {
    padding: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3\.5--fluid {
    padding: 56px;
  }
}

.pl-3--fluid {
  padding-left: 24px;
}

@media screen and (min-width: 320px) {
  .pl-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3--fluid {
    padding-left: 48px;
  }
}

.pl-3\.5--fluid {
  padding-left: 28px;
}

@media screen and (min-width: 320px) {
  .pl-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3\.5--fluid {
    padding-left: 56px;
  }
}

.pr-3--fluid {
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .pr-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-3--fluid {
    padding-right: 48px;
  }
}

.pt-3--fluid {
  padding-top: 24px;
}

@media screen and (min-width: 320px) {
  .pt-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3--fluid {
    padding-top: 48px;
  }
}

.pt-3\.5--fluid {
  padding-top: 28px;
}

@media screen and (min-width: 320px) {
  .pt-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3\.5--fluid {
    padding-top: 56px;
  }
}

.pb-3--fluid {
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .pb-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3--fluid {
    padding-bottom: 48px;
  }
}

.pb-3\.5--fluid {
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .pb-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.px-3--fluid {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-right: 48px;
  }
}

.px-3\.5--fluid {
  padding-left: 28px;
  padding-right: 28px;
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-right: 56px;
  }
}

.py-3--fluid {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-bottom: 48px;
  }
}

.py-3\.5--fluid {
  padding-top: 28px;
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.m-3--fluid {
  margin: 24px;
}

@media screen and (min-width: 320px) {
  .m-3--fluid {
    margin: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3--fluid {
    margin: 48px;
  }
}

.m-3\.5--fluid {
  margin: 28px;
}

@media screen and (min-width: 320px) {
  .m-3\.5--fluid {
    margin: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3\.5--fluid {
    margin: 56px;
  }
}

.ml-3--fluid {
  margin-left: 24px;
}

@media screen and (min-width: 320px) {
  .ml-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3--fluid {
    margin-left: 48px;
  }
}

.ml-3\.5--fluid {
  margin-left: 28px;
}

@media screen and (min-width: 320px) {
  .ml-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3\.5--fluid {
    margin-left: 56px;
  }
}

.mr-3--fluid {
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mr-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3--fluid {
    margin-right: 48px;
  }
}

.mr-3\.5--fluid {
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mr-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3\.5--fluid {
    margin-right: 56px;
  }
}

.mt-3--fluid {
  margin-top: 24px;
}

@media screen and (min-width: 320px) {
  .mt-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3--fluid {
    margin-top: 48px;
  }
}

.mt-3\.5--fluid {
  margin-top: 28px;
}

@media screen and (min-width: 320px) {
  .mt-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3\.5--fluid {
    margin-top: 56px;
  }
}

.mb-3--fluid {
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .mb-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3--fluid {
    margin-bottom: 48px;
  }
}

.mb-3\.5--fluid {
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .mb-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.mx-3--fluid {
  margin-left: 24px;
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-right: 48px;
  }
}

.mx-3\.5--fluid {
  margin-left: 28px;
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-right: 56px;
  }
}

.my-3--fluid {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-bottom: 48px;
  }
}

.my-3\.5--fluid {
  margin-top: 28px;
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.-m-3--fluid {
  margin: -24px;
}

@media screen and (min-width: 320px) {
  .-m-3--fluid {
    margin: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3--fluid {
    margin: -48px;
  }
}

.-m-3\.5--fluid {
  margin: -28px;
}

@media screen and (min-width: 320px) {
  .-m-3\.5--fluid {
    margin: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3\.5--fluid {
    margin: -56px;
  }
}

.-ml-3--fluid {
  margin-left: -24px;
}

@media screen and (min-width: 320px) {
  .-ml-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3--fluid {
    margin-left: -48px;
  }
}

.-ml-3\.5--fluid {
  margin-left: -28px;
}

@media screen and (min-width: 320px) {
  .-ml-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3\.5--fluid {
    margin-left: -56px;
  }
}

.-mr-3--fluid {
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mr-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3--fluid {
    margin-right: -48px;
  }
}

.-mr-3\.5--fluid {
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mr-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mt-3--fluid {
  margin-top: -24px;
}

@media screen and (min-width: 320px) {
  .-mt-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3--fluid {
    margin-top: -48px;
  }
}

.-mt-3\.5--fluid {
  margin-top: -28px;
}

@media screen and (min-width: 320px) {
  .-mt-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3\.5--fluid {
    margin-top: -56px;
  }
}

.-mb-3--fluid {
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-mb-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3--fluid {
    margin-bottom: -48px;
  }
}

.-mb-3\.5--fluid {
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-mb-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mx-3--fluid {
  margin-left: -24px;
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-left: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-right: -48px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-my-3--fluid {
  margin-top: -24px;
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-top: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-bottom: -48px;
  }
}

.-my-3\.5--fluid {
  margin-top: -28px;
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-top: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.p-4--fluid {
  padding: 32px;
}

@media screen and (min-width: 320px) {
  .p-4--fluid {
    padding: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4--fluid {
    padding: 64px;
  }
}

.p-4\.5--fluid {
  padding: 36px;
}

@media screen and (min-width: 320px) {
  .p-4\.5--fluid {
    padding: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4\.5--fluid {
    padding: 72px;
  }
}

.pl-4--fluid {
  padding-left: 32px;
}

@media screen and (min-width: 320px) {
  .pl-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4--fluid {
    padding-left: 64px;
  }
}

.pl-4\.5--fluid {
  padding-left: 36px;
}

@media screen and (min-width: 320px) {
  .pl-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4\.5--fluid {
    padding-left: 72px;
  }
}

.pr-4--fluid {
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .pr-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-4--fluid {
    padding-right: 64px;
  }
}

.pt-4--fluid {
  padding-top: 32px;
}

@media screen and (min-width: 320px) {
  .pt-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4--fluid {
    padding-top: 64px;
  }
}

.pt-4\.5--fluid {
  padding-top: 36px;
}

@media screen and (min-width: 320px) {
  .pt-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4\.5--fluid {
    padding-top: 72px;
  }
}

.pb-4--fluid {
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .pb-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4--fluid {
    padding-bottom: 64px;
  }
}

.pb-4\.5--fluid {
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .pb-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.px-4--fluid {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-right: 64px;
  }
}

.px-4\.5--fluid {
  padding-left: 36px;
  padding-right: 36px;
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-right: 72px;
  }
}

.py-4--fluid {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-bottom: 64px;
  }
}

.py-4\.5--fluid {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.m-4--fluid {
  margin: 32px;
}

@media screen and (min-width: 320px) {
  .m-4--fluid {
    margin: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4--fluid {
    margin: 64px;
  }
}

.m-4\.5--fluid {
  margin: 36px;
}

@media screen and (min-width: 320px) {
  .m-4\.5--fluid {
    margin: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4\.5--fluid {
    margin: 72px;
  }
}

.ml-4--fluid {
  margin-left: 32px;
}

@media screen and (min-width: 320px) {
  .ml-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4--fluid {
    margin-left: 64px;
  }
}

.ml-4\.5--fluid {
  margin-left: 36px;
}

@media screen and (min-width: 320px) {
  .ml-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4\.5--fluid {
    margin-left: 72px;
  }
}

.mr-4--fluid {
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mr-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4--fluid {
    margin-right: 64px;
  }
}

.mr-4\.5--fluid {
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mr-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4\.5--fluid {
    margin-right: 72px;
  }
}

.mt-4--fluid {
  margin-top: 32px;
}

@media screen and (min-width: 320px) {
  .mt-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4--fluid {
    margin-top: 64px;
  }
}

.mt-4\.5--fluid {
  margin-top: 36px;
}

@media screen and (min-width: 320px) {
  .mt-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4\.5--fluid {
    margin-top: 72px;
  }
}

.mb-4--fluid {
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .mb-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4--fluid {
    margin-bottom: 64px;
  }
}

.mb-4\.5--fluid {
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .mb-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.mx-4--fluid {
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-right: 64px;
  }
}

.mx-4\.5--fluid {
  margin-left: 36px;
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-right: 72px;
  }
}

.my-4--fluid {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-bottom: 64px;
  }
}

.my-4\.5--fluid {
  margin-top: 36px;
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.-m-4--fluid {
  margin: -32px;
}

@media screen and (min-width: 320px) {
  .-m-4--fluid {
    margin: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4--fluid {
    margin: -64px;
  }
}

.-m-4\.5--fluid {
  margin: -36px;
}

@media screen and (min-width: 320px) {
  .-m-4\.5--fluid {
    margin: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4\.5--fluid {
    margin: -72px;
  }
}

.-ml-4--fluid {
  margin-left: -32px;
}

@media screen and (min-width: 320px) {
  .-ml-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4--fluid {
    margin-left: -64px;
  }
}

.-ml-4\.5--fluid {
  margin-left: -36px;
}

@media screen and (min-width: 320px) {
  .-ml-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4\.5--fluid {
    margin-left: -72px;
  }
}

.-mr-4--fluid {
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mr-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4--fluid {
    margin-right: -64px;
  }
}

.-mr-4\.5--fluid {
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mr-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mt-4--fluid {
  margin-top: -32px;
}

@media screen and (min-width: 320px) {
  .-mt-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4--fluid {
    margin-top: -64px;
  }
}

.-mt-4\.5--fluid {
  margin-top: -36px;
}

@media screen and (min-width: 320px) {
  .-mt-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4\.5--fluid {
    margin-top: -72px;
  }
}

.-mb-4--fluid {
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-mb-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4--fluid {
    margin-bottom: -64px;
  }
}

.-mb-4\.5--fluid {
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-mb-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mx-4--fluid {
  margin-left: -32px;
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-left: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-right: -64px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-my-4--fluid {
  margin-top: -32px;
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-top: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-bottom: -64px;
  }
}

.-my-4\.5--fluid {
  margin-top: -36px;
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-top: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.p-5--fluid {
  padding: 40px;
}

@media screen and (min-width: 320px) {
  .p-5--fluid {
    padding: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5--fluid {
    padding: 80px;
  }
}

.p-5\.5--fluid {
  padding: 44px;
}

@media screen and (min-width: 320px) {
  .p-5\.5--fluid {
    padding: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5\.5--fluid {
    padding: 88px;
  }
}

.pl-5--fluid {
  padding-left: 40px;
}

@media screen and (min-width: 320px) {
  .pl-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5--fluid {
    padding-left: 80px;
  }
}

.pl-5\.5--fluid {
  padding-left: 44px;
}

@media screen and (min-width: 320px) {
  .pl-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5\.5--fluid {
    padding-left: 88px;
  }
}

.pr-5--fluid {
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .pr-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-5--fluid {
    padding-right: 80px;
  }
}

.pt-5--fluid {
  padding-top: 40px;
}

@media screen and (min-width: 320px) {
  .pt-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5--fluid {
    padding-top: 80px;
  }
}

.pt-5\.5--fluid {
  padding-top: 44px;
}

@media screen and (min-width: 320px) {
  .pt-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5\.5--fluid {
    padding-top: 88px;
  }
}

.pb-5--fluid {
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .pb-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5--fluid {
    padding-bottom: 80px;
  }
}

.pb-5\.5--fluid {
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .pb-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.px-5--fluid {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-right: 80px;
  }
}

.px-5\.5--fluid {
  padding-left: 44px;
  padding-right: 44px;
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-right: 88px;
  }
}

.py-5--fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-bottom: 80px;
  }
}

.py-5\.5--fluid {
  padding-top: 44px;
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.m-5--fluid {
  margin: 40px;
}

@media screen and (min-width: 320px) {
  .m-5--fluid {
    margin: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5--fluid {
    margin: 80px;
  }
}

.m-5\.5--fluid {
  margin: 44px;
}

@media screen and (min-width: 320px) {
  .m-5\.5--fluid {
    margin: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5\.5--fluid {
    margin: 88px;
  }
}

.ml-5--fluid {
  margin-left: 40px;
}

@media screen and (min-width: 320px) {
  .ml-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5--fluid {
    margin-left: 80px;
  }
}

.ml-5\.5--fluid {
  margin-left: 44px;
}

@media screen and (min-width: 320px) {
  .ml-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5\.5--fluid {
    margin-left: 88px;
  }
}

.mr-5--fluid {
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mr-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5--fluid {
    margin-right: 80px;
  }
}

.mr-5\.5--fluid {
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mr-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5\.5--fluid {
    margin-right: 88px;
  }
}

.mt-5--fluid {
  margin-top: 40px;
}

@media screen and (min-width: 320px) {
  .mt-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5--fluid {
    margin-top: 80px;
  }
}

.mt-5\.5--fluid {
  margin-top: 44px;
}

@media screen and (min-width: 320px) {
  .mt-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5\.5--fluid {
    margin-top: 88px;
  }
}

.mb-5--fluid {
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .mb-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5--fluid {
    margin-bottom: 80px;
  }
}

.mb-5\.5--fluid {
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .mb-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.mx-5--fluid {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-right: 80px;
  }
}

.mx-5\.5--fluid {
  margin-left: 44px;
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-right: 88px;
  }
}

.my-5--fluid {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-bottom: 80px;
  }
}

.my-5\.5--fluid {
  margin-top: 44px;
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.-m-5--fluid {
  margin: -40px;
}

@media screen and (min-width: 320px) {
  .-m-5--fluid {
    margin: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5--fluid {
    margin: -80px;
  }
}

.-m-5\.5--fluid {
  margin: -44px;
}

@media screen and (min-width: 320px) {
  .-m-5\.5--fluid {
    margin: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5\.5--fluid {
    margin: -88px;
  }
}

.-ml-5--fluid {
  margin-left: -40px;
}

@media screen and (min-width: 320px) {
  .-ml-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5--fluid {
    margin-left: -80px;
  }
}

.-ml-5\.5--fluid {
  margin-left: -44px;
}

@media screen and (min-width: 320px) {
  .-ml-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5\.5--fluid {
    margin-left: -88px;
  }
}

.-mr-5--fluid {
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mr-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5--fluid {
    margin-right: -80px;
  }
}

.-mr-5\.5--fluid {
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mr-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mt-5--fluid {
  margin-top: -40px;
}

@media screen and (min-width: 320px) {
  .-mt-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5--fluid {
    margin-top: -80px;
  }
}

.-mt-5\.5--fluid {
  margin-top: -44px;
}

@media screen and (min-width: 320px) {
  .-mt-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5\.5--fluid {
    margin-top: -88px;
  }
}

.-mb-5--fluid {
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-mb-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5--fluid {
    margin-bottom: -80px;
  }
}

.-mb-5\.5--fluid {
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-mb-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mx-5--fluid {
  margin-left: -40px;
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-left: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-right: -80px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-my-5--fluid {
  margin-top: -40px;
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-top: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-bottom: -80px;
  }
}

.-my-5\.5--fluid {
  margin-top: -44px;
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-top: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.p-6--fluid {
  padding: 48px;
}

@media screen and (min-width: 320px) {
  .p-6--fluid {
    padding: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6--fluid {
    padding: 96px;
  }
}

.p-6\.5--fluid {
  padding: 52px;
}

@media screen and (min-width: 320px) {
  .p-6\.5--fluid {
    padding: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6\.5--fluid {
    padding: 104px;
  }
}

.pl-6--fluid {
  padding-left: 48px;
}

@media screen and (min-width: 320px) {
  .pl-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6--fluid {
    padding-left: 96px;
  }
}

.pl-6\.5--fluid {
  padding-left: 52px;
}

@media screen and (min-width: 320px) {
  .pl-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6\.5--fluid {
    padding-left: 104px;
  }
}

.pr-6--fluid {
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .pr-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-6--fluid {
    padding-right: 96px;
  }
}

.pt-6--fluid {
  padding-top: 48px;
}

@media screen and (min-width: 320px) {
  .pt-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6--fluid {
    padding-top: 96px;
  }
}

.pt-6\.5--fluid {
  padding-top: 52px;
}

@media screen and (min-width: 320px) {
  .pt-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6\.5--fluid {
    padding-top: 104px;
  }
}

.pb-6--fluid {
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .pb-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6--fluid {
    padding-bottom: 96px;
  }
}

.pb-6\.5--fluid {
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .pb-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.px-6--fluid {
  padding-left: 48px;
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-right: 96px;
  }
}

.px-6\.5--fluid {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-right: 104px;
  }
}

.py-6--fluid {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-bottom: 96px;
  }
}

.py-6\.5--fluid {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.m-6--fluid {
  margin: 48px;
}

@media screen and (min-width: 320px) {
  .m-6--fluid {
    margin: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6--fluid {
    margin: 96px;
  }
}

.m-6\.5--fluid {
  margin: 52px;
}

@media screen and (min-width: 320px) {
  .m-6\.5--fluid {
    margin: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6\.5--fluid {
    margin: 104px;
  }
}

.ml-6--fluid {
  margin-left: 48px;
}

@media screen and (min-width: 320px) {
  .ml-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6--fluid {
    margin-left: 96px;
  }
}

.ml-6\.5--fluid {
  margin-left: 52px;
}

@media screen and (min-width: 320px) {
  .ml-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6\.5--fluid {
    margin-left: 104px;
  }
}

.mr-6--fluid {
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mr-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6--fluid {
    margin-right: 96px;
  }
}

.mr-6\.5--fluid {
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mr-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6\.5--fluid {
    margin-right: 104px;
  }
}

.mt-6--fluid {
  margin-top: 48px;
}

@media screen and (min-width: 320px) {
  .mt-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6--fluid {
    margin-top: 96px;
  }
}

.mt-6\.5--fluid {
  margin-top: 52px;
}

@media screen and (min-width: 320px) {
  .mt-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6\.5--fluid {
    margin-top: 104px;
  }
}

.mb-6--fluid {
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .mb-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6--fluid {
    margin-bottom: 96px;
  }
}

.mb-6\.5--fluid {
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .mb-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.mx-6--fluid {
  margin-left: 48px;
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-right: 96px;
  }
}

.mx-6\.5--fluid {
  margin-left: 52px;
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-right: 104px;
  }
}

.my-6--fluid {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-bottom: 96px;
  }
}

.my-6\.5--fluid {
  margin-top: 52px;
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.-m-6--fluid {
  margin: -48px;
}

@media screen and (min-width: 320px) {
  .-m-6--fluid {
    margin: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6--fluid {
    margin: -96px;
  }
}

.-m-6\.5--fluid {
  margin: -52px;
}

@media screen and (min-width: 320px) {
  .-m-6\.5--fluid {
    margin: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6\.5--fluid {
    margin: -104px;
  }
}

.-ml-6--fluid {
  margin-left: -48px;
}

@media screen and (min-width: 320px) {
  .-ml-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6--fluid {
    margin-left: -96px;
  }
}

.-ml-6\.5--fluid {
  margin-left: -52px;
}

@media screen and (min-width: 320px) {
  .-ml-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6\.5--fluid {
    margin-left: -104px;
  }
}

.-mr-6--fluid {
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mr-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6--fluid {
    margin-right: -96px;
  }
}

.-mr-6\.5--fluid {
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mr-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mt-6--fluid {
  margin-top: -48px;
}

@media screen and (min-width: 320px) {
  .-mt-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6--fluid {
    margin-top: -96px;
  }
}

.-mt-6\.5--fluid {
  margin-top: -52px;
}

@media screen and (min-width: 320px) {
  .-mt-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6\.5--fluid {
    margin-top: -104px;
  }
}

.-mb-6--fluid {
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-mb-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6--fluid {
    margin-bottom: -96px;
  }
}

.-mb-6\.5--fluid {
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-mb-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mx-6--fluid {
  margin-left: -48px;
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-left: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-right: -96px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-my-6--fluid {
  margin-top: -48px;
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-top: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-bottom: -96px;
  }
}

.-my-6\.5--fluid {
  margin-top: -52px;
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-top: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.p-7--fluid {
  padding: 56px;
}

@media screen and (min-width: 320px) {
  .p-7--fluid {
    padding: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7--fluid {
    padding: 112px;
  }
}

.p-7\.5--fluid {
  padding: 60px;
}

@media screen and (min-width: 320px) {
  .p-7\.5--fluid {
    padding: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7\.5--fluid {
    padding: 120px;
  }
}

.pl-7--fluid {
  padding-left: 56px;
}

@media screen and (min-width: 320px) {
  .pl-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7--fluid {
    padding-left: 112px;
  }
}

.pl-7\.5--fluid {
  padding-left: 60px;
}

@media screen and (min-width: 320px) {
  .pl-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7\.5--fluid {
    padding-left: 120px;
  }
}

.pr-7--fluid {
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .pr-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-7--fluid {
    padding-right: 112px;
  }
}

.pt-7--fluid {
  padding-top: 56px;
}

@media screen and (min-width: 320px) {
  .pt-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7--fluid {
    padding-top: 112px;
  }
}

.pt-7\.5--fluid {
  padding-top: 60px;
}

@media screen and (min-width: 320px) {
  .pt-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7\.5--fluid {
    padding-top: 120px;
  }
}

.pb-7--fluid {
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .pb-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7--fluid {
    padding-bottom: 112px;
  }
}

.pb-7\.5--fluid {
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .pb-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.px-7--fluid {
  padding-left: 56px;
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-right: 112px;
  }
}

.px-7\.5--fluid {
  padding-left: 60px;
  padding-right: 60px;
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-right: 120px;
  }
}

.py-7--fluid {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-bottom: 112px;
  }
}

.py-7\.5--fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.m-7--fluid {
  margin: 56px;
}

@media screen and (min-width: 320px) {
  .m-7--fluid {
    margin: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7--fluid {
    margin: 112px;
  }
}

.m-7\.5--fluid {
  margin: 60px;
}

@media screen and (min-width: 320px) {
  .m-7\.5--fluid {
    margin: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7\.5--fluid {
    margin: 120px;
  }
}

.ml-7--fluid {
  margin-left: 56px;
}

@media screen and (min-width: 320px) {
  .ml-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7--fluid {
    margin-left: 112px;
  }
}

.ml-7\.5--fluid {
  margin-left: 60px;
}

@media screen and (min-width: 320px) {
  .ml-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7\.5--fluid {
    margin-left: 120px;
  }
}

.mr-7--fluid {
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mr-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7--fluid {
    margin-right: 112px;
  }
}

.mr-7\.5--fluid {
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mr-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7\.5--fluid {
    margin-right: 120px;
  }
}

.mt-7--fluid {
  margin-top: 56px;
}

@media screen and (min-width: 320px) {
  .mt-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7--fluid {
    margin-top: 112px;
  }
}

.mt-7\.5--fluid {
  margin-top: 60px;
}

@media screen and (min-width: 320px) {
  .mt-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7\.5--fluid {
    margin-top: 120px;
  }
}

.mb-7--fluid {
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .mb-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7--fluid {
    margin-bottom: 112px;
  }
}

.mb-7\.5--fluid {
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .mb-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.mx-7--fluid {
  margin-left: 56px;
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-right: 112px;
  }
}

.mx-7\.5--fluid {
  margin-left: 60px;
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-right: 120px;
  }
}

.my-7--fluid {
  margin-top: 56px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-bottom: 112px;
  }
}

.my-7\.5--fluid {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.-m-7--fluid {
  margin: -56px;
}

@media screen and (min-width: 320px) {
  .-m-7--fluid {
    margin: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7--fluid {
    margin: -112px;
  }
}

.-m-7\.5--fluid {
  margin: -60px;
}

@media screen and (min-width: 320px) {
  .-m-7\.5--fluid {
    margin: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7\.5--fluid {
    margin: -120px;
  }
}

.-ml-7--fluid {
  margin-left: -56px;
}

@media screen and (min-width: 320px) {
  .-ml-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7--fluid {
    margin-left: -112px;
  }
}

.-ml-7\.5--fluid {
  margin-left: -60px;
}

@media screen and (min-width: 320px) {
  .-ml-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7\.5--fluid {
    margin-left: -120px;
  }
}

.-mr-7--fluid {
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mr-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7--fluid {
    margin-right: -112px;
  }
}

.-mr-7\.5--fluid {
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mr-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mt-7--fluid {
  margin-top: -56px;
}

@media screen and (min-width: 320px) {
  .-mt-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7--fluid {
    margin-top: -112px;
  }
}

.-mt-7\.5--fluid {
  margin-top: -60px;
}

@media screen and (min-width: 320px) {
  .-mt-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7\.5--fluid {
    margin-top: -120px;
  }
}

.-mb-7--fluid {
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-mb-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7--fluid {
    margin-bottom: -112px;
  }
}

.-mb-7\.5--fluid {
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-mb-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mx-7--fluid {
  margin-left: -56px;
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-left: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-right: -112px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-my-7--fluid {
  margin-top: -56px;
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-top: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-bottom: -112px;
  }
}

.-my-7\.5--fluid {
  margin-top: -60px;
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-top: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.p-8--fluid {
  padding: 64px;
}

@media screen and (min-width: 320px) {
  .p-8--fluid {
    padding: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8--fluid {
    padding: 128px;
  }
}

.p-8\.5--fluid {
  padding: 68px;
}

@media screen and (min-width: 320px) {
  .p-8\.5--fluid {
    padding: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8\.5--fluid {
    padding: 136px;
  }
}

.pl-8--fluid {
  padding-left: 64px;
}

@media screen and (min-width: 320px) {
  .pl-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8--fluid {
    padding-left: 128px;
  }
}

.pl-8\.5--fluid {
  padding-left: 68px;
}

@media screen and (min-width: 320px) {
  .pl-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8\.5--fluid {
    padding-left: 136px;
  }
}

.pr-8--fluid {
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .pr-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-8--fluid {
    padding-right: 128px;
  }
}

.pt-8--fluid {
  padding-top: 64px;
}

@media screen and (min-width: 320px) {
  .pt-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8--fluid {
    padding-top: 128px;
  }
}

.pt-8\.5--fluid {
  padding-top: 68px;
}

@media screen and (min-width: 320px) {
  .pt-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8\.5--fluid {
    padding-top: 136px;
  }
}

.pb-8--fluid {
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .pb-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8--fluid {
    padding-bottom: 128px;
  }
}

.pb-8\.5--fluid {
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .pb-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.px-8--fluid {
  padding-left: 64px;
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-right: 128px;
  }
}

.px-8\.5--fluid {
  padding-left: 68px;
  padding-right: 68px;
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-right: 136px;
  }
}

.py-8--fluid {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-bottom: 128px;
  }
}

.py-8\.5--fluid {
  padding-top: 68px;
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.m-8--fluid {
  margin: 64px;
}

@media screen and (min-width: 320px) {
  .m-8--fluid {
    margin: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8--fluid {
    margin: 128px;
  }
}

.m-8\.5--fluid {
  margin: 68px;
}

@media screen and (min-width: 320px) {
  .m-8\.5--fluid {
    margin: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8\.5--fluid {
    margin: 136px;
  }
}

.ml-8--fluid {
  margin-left: 64px;
}

@media screen and (min-width: 320px) {
  .ml-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8--fluid {
    margin-left: 128px;
  }
}

.ml-8\.5--fluid {
  margin-left: 68px;
}

@media screen and (min-width: 320px) {
  .ml-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8\.5--fluid {
    margin-left: 136px;
  }
}

.mr-8--fluid {
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mr-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8--fluid {
    margin-right: 128px;
  }
}

.mr-8\.5--fluid {
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mr-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8\.5--fluid {
    margin-right: 136px;
  }
}

.mt-8--fluid {
  margin-top: 64px;
}

@media screen and (min-width: 320px) {
  .mt-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8--fluid {
    margin-top: 128px;
  }
}

.mt-8\.5--fluid {
  margin-top: 68px;
}

@media screen and (min-width: 320px) {
  .mt-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8\.5--fluid {
    margin-top: 136px;
  }
}

.mb-8--fluid {
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .mb-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8--fluid {
    margin-bottom: 128px;
  }
}

.mb-8\.5--fluid {
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .mb-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.mx-8--fluid {
  margin-left: 64px;
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-right: 128px;
  }
}

.mx-8\.5--fluid {
  margin-left: 68px;
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-right: 136px;
  }
}

.my-8--fluid {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-bottom: 128px;
  }
}

.my-8\.5--fluid {
  margin-top: 68px;
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.-m-8--fluid {
  margin: -64px;
}

@media screen and (min-width: 320px) {
  .-m-8--fluid {
    margin: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8--fluid {
    margin: -128px;
  }
}

.-m-8\.5--fluid {
  margin: -68px;
}

@media screen and (min-width: 320px) {
  .-m-8\.5--fluid {
    margin: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8\.5--fluid {
    margin: -136px;
  }
}

.-ml-8--fluid {
  margin-left: -64px;
}

@media screen and (min-width: 320px) {
  .-ml-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8--fluid {
    margin-left: -128px;
  }
}

.-ml-8\.5--fluid {
  margin-left: -68px;
}

@media screen and (min-width: 320px) {
  .-ml-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8\.5--fluid {
    margin-left: -136px;
  }
}

.-mr-8--fluid {
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mr-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8--fluid {
    margin-right: -128px;
  }
}

.-mr-8\.5--fluid {
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mr-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mt-8--fluid {
  margin-top: -64px;
}

@media screen and (min-width: 320px) {
  .-mt-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8--fluid {
    margin-top: -128px;
  }
}

.-mt-8\.5--fluid {
  margin-top: -68px;
}

@media screen and (min-width: 320px) {
  .-mt-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8\.5--fluid {
    margin-top: -136px;
  }
}

.-mb-8--fluid {
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-mb-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8--fluid {
    margin-bottom: -128px;
  }
}

.-mb-8\.5--fluid {
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-mb-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mx-8--fluid {
  margin-left: -64px;
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-left: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-right: -128px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-my-8--fluid {
  margin-top: -64px;
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-top: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-bottom: -128px;
  }
}

.-my-8\.5--fluid {
  margin-top: -68px;
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-top: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.p-9--fluid {
  padding: 72px;
}

@media screen and (min-width: 320px) {
  .p-9--fluid {
    padding: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9--fluid {
    padding: 144px;
  }
}

.p-9\.5--fluid {
  padding: 76px;
}

@media screen and (min-width: 320px) {
  .p-9\.5--fluid {
    padding: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9\.5--fluid {
    padding: 152px;
  }
}

.pl-9--fluid {
  padding-left: 72px;
}

@media screen and (min-width: 320px) {
  .pl-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9--fluid {
    padding-left: 144px;
  }
}

.pl-9\.5--fluid {
  padding-left: 76px;
}

@media screen and (min-width: 320px) {
  .pl-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9\.5--fluid {
    padding-left: 152px;
  }
}

.pr-9--fluid {
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .pr-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-9--fluid {
    padding-right: 144px;
  }
}

.pt-9--fluid {
  padding-top: 72px;
}

@media screen and (min-width: 320px) {
  .pt-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9--fluid {
    padding-top: 144px;
  }
}

.pt-9\.5--fluid {
  padding-top: 76px;
}

@media screen and (min-width: 320px) {
  .pt-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9\.5--fluid {
    padding-top: 152px;
  }
}

.pb-9--fluid {
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .pb-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9--fluid {
    padding-bottom: 144px;
  }
}

.pb-9\.5--fluid {
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .pb-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.px-9--fluid {
  padding-left: 72px;
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-right: 144px;
  }
}

.px-9\.5--fluid {
  padding-left: 76px;
  padding-right: 76px;
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-right: 152px;
  }
}

.py-9--fluid {
  padding-top: 72px;
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-bottom: 144px;
  }
}

.py-9\.5--fluid {
  padding-top: 76px;
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.m-9--fluid {
  margin: 72px;
}

@media screen and (min-width: 320px) {
  .m-9--fluid {
    margin: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9--fluid {
    margin: 144px;
  }
}

.m-9\.5--fluid {
  margin: 76px;
}

@media screen and (min-width: 320px) {
  .m-9\.5--fluid {
    margin: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9\.5--fluid {
    margin: 152px;
  }
}

.ml-9--fluid {
  margin-left: 72px;
}

@media screen and (min-width: 320px) {
  .ml-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9--fluid {
    margin-left: 144px;
  }
}

.ml-9\.5--fluid {
  margin-left: 76px;
}

@media screen and (min-width: 320px) {
  .ml-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9\.5--fluid {
    margin-left: 152px;
  }
}

.mr-9--fluid {
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mr-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9--fluid {
    margin-right: 144px;
  }
}

.mr-9\.5--fluid {
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mr-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9\.5--fluid {
    margin-right: 152px;
  }
}

.mt-9--fluid {
  margin-top: 72px;
}

@media screen and (min-width: 320px) {
  .mt-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9--fluid {
    margin-top: 144px;
  }
}

.mt-9\.5--fluid {
  margin-top: 76px;
}

@media screen and (min-width: 320px) {
  .mt-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9\.5--fluid {
    margin-top: 152px;
  }
}

.mb-9--fluid {
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .mb-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9--fluid {
    margin-bottom: 144px;
  }
}

.mb-9\.5--fluid {
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .mb-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.mx-9--fluid {
  margin-left: 72px;
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-right: 144px;
  }
}

.mx-9\.5--fluid {
  margin-left: 76px;
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-right: 152px;
  }
}

.my-9--fluid {
  margin-top: 72px;
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-bottom: 144px;
  }
}

.my-9\.5--fluid {
  margin-top: 76px;
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.-m-9--fluid {
  margin: -72px;
}

@media screen and (min-width: 320px) {
  .-m-9--fluid {
    margin: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9--fluid {
    margin: -144px;
  }
}

.-m-9\.5--fluid {
  margin: -76px;
}

@media screen and (min-width: 320px) {
  .-m-9\.5--fluid {
    margin: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9\.5--fluid {
    margin: -152px;
  }
}

.-ml-9--fluid {
  margin-left: -72px;
}

@media screen and (min-width: 320px) {
  .-ml-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9--fluid {
    margin-left: -144px;
  }
}

.-ml-9\.5--fluid {
  margin-left: -76px;
}

@media screen and (min-width: 320px) {
  .-ml-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9\.5--fluid {
    margin-left: -152px;
  }
}

.-mr-9--fluid {
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mr-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9--fluid {
    margin-right: -144px;
  }
}

.-mr-9\.5--fluid {
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mr-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mt-9--fluid {
  margin-top: -72px;
}

@media screen and (min-width: 320px) {
  .-mt-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9--fluid {
    margin-top: -144px;
  }
}

.-mt-9\.5--fluid {
  margin-top: -76px;
}

@media screen and (min-width: 320px) {
  .-mt-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9\.5--fluid {
    margin-top: -152px;
  }
}

.-mb-9--fluid {
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-mb-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9--fluid {
    margin-bottom: -144px;
  }
}

.-mb-9\.5--fluid {
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-mb-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mx-9--fluid {
  margin-left: -72px;
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-left: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-right: -144px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-my-9--fluid {
  margin-top: -72px;
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-top: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-bottom: -144px;
  }
}

.-my-9\.5--fluid {
  margin-top: -76px;
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-top: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.p-10--fluid {
  padding: 80px;
}

@media screen and (min-width: 320px) {
  .p-10--fluid {
    padding: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10--fluid {
    padding: 160px;
  }
}

.p-10\.5--fluid {
  padding: 84px;
}

@media screen and (min-width: 320px) {
  .p-10\.5--fluid {
    padding: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10\.5--fluid {
    padding: 168px;
  }
}

.pl-10--fluid {
  padding-left: 80px;
}

@media screen and (min-width: 320px) {
  .pl-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10--fluid {
    padding-left: 160px;
  }
}

.pl-10\.5--fluid {
  padding-left: 84px;
}

@media screen and (min-width: 320px) {
  .pl-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10\.5--fluid {
    padding-left: 168px;
  }
}

.pr-10--fluid {
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .pr-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-10--fluid {
    padding-right: 160px;
  }
}

.pt-10--fluid {
  padding-top: 80px;
}

@media screen and (min-width: 320px) {
  .pt-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10--fluid {
    padding-top: 160px;
  }
}

.pt-10\.5--fluid {
  padding-top: 84px;
}

@media screen and (min-width: 320px) {
  .pt-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10\.5--fluid {
    padding-top: 168px;
  }
}

.pb-10--fluid {
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .pb-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10--fluid {
    padding-bottom: 160px;
  }
}

.pb-10\.5--fluid {
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .pb-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.px-10--fluid {
  padding-left: 80px;
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-right: 160px;
  }
}

.px-10\.5--fluid {
  padding-left: 84px;
  padding-right: 84px;
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-right: 168px;
  }
}

.py-10--fluid {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-bottom: 160px;
  }
}

.py-10\.5--fluid {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.m-10--fluid {
  margin: 80px;
}

@media screen and (min-width: 320px) {
  .m-10--fluid {
    margin: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10--fluid {
    margin: 160px;
  }
}

.m-10\.5--fluid {
  margin: 84px;
}

@media screen and (min-width: 320px) {
  .m-10\.5--fluid {
    margin: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10\.5--fluid {
    margin: 168px;
  }
}

.ml-10--fluid {
  margin-left: 80px;
}

@media screen and (min-width: 320px) {
  .ml-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10--fluid {
    margin-left: 160px;
  }
}

.ml-10\.5--fluid {
  margin-left: 84px;
}

@media screen and (min-width: 320px) {
  .ml-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10\.5--fluid {
    margin-left: 168px;
  }
}

.mr-10--fluid {
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mr-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10--fluid {
    margin-right: 160px;
  }
}

.mr-10\.5--fluid {
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mr-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10\.5--fluid {
    margin-right: 168px;
  }
}

.mt-10--fluid {
  margin-top: 80px;
}

@media screen and (min-width: 320px) {
  .mt-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10--fluid {
    margin-top: 160px;
  }
}

.mt-10\.5--fluid {
  margin-top: 84px;
}

@media screen and (min-width: 320px) {
  .mt-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10\.5--fluid {
    margin-top: 168px;
  }
}

.mb-10--fluid {
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .mb-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10--fluid {
    margin-bottom: 160px;
  }
}

.mb-10\.5--fluid {
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .mb-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.mx-10--fluid {
  margin-left: 80px;
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-right: 160px;
  }
}

.mx-10\.5--fluid {
  margin-left: 84px;
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-right: 168px;
  }
}

.my-10--fluid {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-bottom: 160px;
  }
}

.my-10\.5--fluid {
  margin-top: 84px;
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.-m-10--fluid {
  margin: -80px;
}

@media screen and (min-width: 320px) {
  .-m-10--fluid {
    margin: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10--fluid {
    margin: -160px;
  }
}

.-m-10\.5--fluid {
  margin: -84px;
}

@media screen and (min-width: 320px) {
  .-m-10\.5--fluid {
    margin: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10\.5--fluid {
    margin: -168px;
  }
}

.-ml-10--fluid {
  margin-left: -80px;
}

@media screen and (min-width: 320px) {
  .-ml-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10--fluid {
    margin-left: -160px;
  }
}

.-ml-10\.5--fluid {
  margin-left: -84px;
}

@media screen and (min-width: 320px) {
  .-ml-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10\.5--fluid {
    margin-left: -168px;
  }
}

.-mr-10--fluid {
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mr-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10--fluid {
    margin-right: -160px;
  }
}

.-mr-10\.5--fluid {
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mr-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mt-10--fluid {
  margin-top: -80px;
}

@media screen and (min-width: 320px) {
  .-mt-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10--fluid {
    margin-top: -160px;
  }
}

.-mt-10\.5--fluid {
  margin-top: -84px;
}

@media screen and (min-width: 320px) {
  .-mt-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10\.5--fluid {
    margin-top: -168px;
  }
}

.-mb-10--fluid {
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-mb-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10--fluid {
    margin-bottom: -160px;
  }
}

.-mb-10\.5--fluid {
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-mb-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mx-10--fluid {
  margin-left: -80px;
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-left: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-right: -160px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-my-10--fluid {
  margin-top: -80px;
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-top: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-bottom: -160px;
  }
}

.-my-10\.5--fluid {
  margin-top: -84px;
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-top: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.p-11--fluid {
  padding: 88px;
}

@media screen and (min-width: 320px) {
  .p-11--fluid {
    padding: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11--fluid {
    padding: 176px;
  }
}

.p-11\.5--fluid {
  padding: 92px;
}

@media screen and (min-width: 320px) {
  .p-11\.5--fluid {
    padding: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11\.5--fluid {
    padding: 184px;
  }
}

.pl-11--fluid {
  padding-left: 88px;
}

@media screen and (min-width: 320px) {
  .pl-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11--fluid {
    padding-left: 176px;
  }
}

.pl-11\.5--fluid {
  padding-left: 92px;
}

@media screen and (min-width: 320px) {
  .pl-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11\.5--fluid {
    padding-left: 184px;
  }
}

.pr-11--fluid {
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .pr-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-11--fluid {
    padding-right: 176px;
  }
}

.pt-11--fluid {
  padding-top: 88px;
}

@media screen and (min-width: 320px) {
  .pt-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11--fluid {
    padding-top: 176px;
  }
}

.pt-11\.5--fluid {
  padding-top: 92px;
}

@media screen and (min-width: 320px) {
  .pt-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11\.5--fluid {
    padding-top: 184px;
  }
}

.pb-11--fluid {
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .pb-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11--fluid {
    padding-bottom: 176px;
  }
}

.pb-11\.5--fluid {
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .pb-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.px-11--fluid {
  padding-left: 88px;
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-right: 176px;
  }
}

.px-11\.5--fluid {
  padding-left: 92px;
  padding-right: 92px;
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-right: 184px;
  }
}

.py-11--fluid {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-bottom: 176px;
  }
}

.py-11\.5--fluid {
  padding-top: 92px;
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.m-11--fluid {
  margin: 88px;
}

@media screen and (min-width: 320px) {
  .m-11--fluid {
    margin: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11--fluid {
    margin: 176px;
  }
}

.m-11\.5--fluid {
  margin: 92px;
}

@media screen and (min-width: 320px) {
  .m-11\.5--fluid {
    margin: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11\.5--fluid {
    margin: 184px;
  }
}

.ml-11--fluid {
  margin-left: 88px;
}

@media screen and (min-width: 320px) {
  .ml-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11--fluid {
    margin-left: 176px;
  }
}

.ml-11\.5--fluid {
  margin-left: 92px;
}

@media screen and (min-width: 320px) {
  .ml-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11\.5--fluid {
    margin-left: 184px;
  }
}

.mr-11--fluid {
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mr-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11--fluid {
    margin-right: 176px;
  }
}

.mr-11\.5--fluid {
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mr-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11\.5--fluid {
    margin-right: 184px;
  }
}

.mt-11--fluid {
  margin-top: 88px;
}

@media screen and (min-width: 320px) {
  .mt-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11--fluid {
    margin-top: 176px;
  }
}

.mt-11\.5--fluid {
  margin-top: 92px;
}

@media screen and (min-width: 320px) {
  .mt-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11\.5--fluid {
    margin-top: 184px;
  }
}

.mb-11--fluid {
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .mb-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11--fluid {
    margin-bottom: 176px;
  }
}

.mb-11\.5--fluid {
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .mb-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.mx-11--fluid {
  margin-left: 88px;
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-right: 176px;
  }
}

.mx-11\.5--fluid {
  margin-left: 92px;
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-right: 184px;
  }
}

.my-11--fluid {
  margin-top: 88px;
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-bottom: 176px;
  }
}

.my-11\.5--fluid {
  margin-top: 92px;
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.-m-11--fluid {
  margin: -88px;
}

@media screen and (min-width: 320px) {
  .-m-11--fluid {
    margin: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11--fluid {
    margin: -176px;
  }
}

.-m-11\.5--fluid {
  margin: -92px;
}

@media screen and (min-width: 320px) {
  .-m-11\.5--fluid {
    margin: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11\.5--fluid {
    margin: -184px;
  }
}

.-ml-11--fluid {
  margin-left: -88px;
}

@media screen and (min-width: 320px) {
  .-ml-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11--fluid {
    margin-left: -176px;
  }
}

.-ml-11\.5--fluid {
  margin-left: -92px;
}

@media screen and (min-width: 320px) {
  .-ml-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11\.5--fluid {
    margin-left: -184px;
  }
}

.-mr-11--fluid {
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mr-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11--fluid {
    margin-right: -176px;
  }
}

.-mr-11\.5--fluid {
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mr-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mt-11--fluid {
  margin-top: -88px;
}

@media screen and (min-width: 320px) {
  .-mt-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11--fluid {
    margin-top: -176px;
  }
}

.-mt-11\.5--fluid {
  margin-top: -92px;
}

@media screen and (min-width: 320px) {
  .-mt-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11\.5--fluid {
    margin-top: -184px;
  }
}

.-mb-11--fluid {
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-mb-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11--fluid {
    margin-bottom: -176px;
  }
}

.-mb-11\.5--fluid {
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-mb-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11\.5--fluid {
    margin-bottom: -184px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mx-11--fluid {
  margin-left: -88px;
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-left: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-right: -176px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-my-11--fluid {
  margin-top: -88px;
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-top: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-bottom: -176px;
  }
}

.-my-11\.5--fluid {
  margin-top: -92px;
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-top: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-bottom: -184px;
  }
}

@media (min-width: 600px) {
  .s\:w-1\/6 {
    width: calc(1 / 6 * 100%);
  }

  .s\:offset-1\/6 {
    margin-left: calc(1 / 6 * 100%);
  }

  .s\:push-left-1\/6 {
    left: calc(1 / 6 * 100%);
  }

  .s\:pull-left-1\/6 {
    left: calc(1 / 6 * -100%);
  }

  .s\:push-right-1\/6 {
    right: calc(1 / 6 * 100%);
  }

  .s\:pull-right-1\/6 {
    right: calc(1 / 6 * -100%);
  }

  .s\:w-2\/6 {
    width: calc(2 / 6 * 100%);
  }

  .s\:offset-2\/6 {
    margin-left: calc(2 / 6 * 100%);
  }

  .s\:push-left-2\/6 {
    left: calc(2 / 6 * 100%);
  }

  .s\:pull-left-2\/6 {
    left: calc(2 / 6 * -100%);
  }

  .s\:push-right-2\/6 {
    right: calc(2 / 6 * 100%);
  }

  .s\:pull-right-2\/6 {
    right: calc(2 / 6 * -100%);
  }

  .s\:w-3\/6 {
    width: calc(3 / 6 * 100%);
  }

  .s\:offset-3\/6 {
    margin-left: calc(3 / 6 * 100%);
  }

  .s\:push-left-3\/6 {
    left: calc(3 / 6 * 100%);
  }

  .s\:pull-left-3\/6 {
    left: calc(3 / 6 * -100%);
  }

  .s\:push-right-3\/6 {
    right: calc(3 / 6 * 100%);
  }

  .s\:pull-right-3\/6 {
    right: calc(3 / 6 * -100%);
  }

  .s\:w-4\/6 {
    width: calc(4 / 6 * 100%);
  }

  .s\:offset-4\/6 {
    margin-left: calc(4 / 6 * 100%);
  }

  .s\:push-left-4\/6 {
    left: calc(4 / 6 * 100%);
  }

  .s\:pull-left-4\/6 {
    left: calc(4 / 6 * -100%);
  }

  .s\:push-right-4\/6 {
    right: calc(4 / 6 * 100%);
  }

  .s\:pull-right-4\/6 {
    right: calc(4 / 6 * -100%);
  }

  .s\:w-5\/6 {
    width: calc(5 / 6 * 100%);
  }

  .s\:offset-5\/6 {
    margin-left: calc(5 / 6 * 100%);
  }

  .s\:push-left-5\/6 {
    left: calc(5 / 6 * 100%);
  }

  .s\:pull-left-5\/6 {
    left: calc(5 / 6 * -100%);
  }

  .s\:push-right-5\/6 {
    right: calc(5 / 6 * 100%);
  }

  .s\:pull-right-5\/6 {
    right: calc(5 / 6 * -100%);
  }

  .s\:w-6\/6 {
    width: calc(6 / 6 * 100%);
  }

  .s\:offset-6\/6 {
    margin-left: calc(6 / 6 * 100%);
  }

  .s\:push-left-6\/6 {
    left: calc(6 / 6 * 100%);
  }

  .s\:pull-left-6\/6 {
    left: calc(6 / 6 * -100%);
  }

  .s\:push-right-6\/6 {
    right: calc(6 / 6 * 100%);
  }

  .s\:pull-right-6\/6 {
    right: calc(6 / 6 * -100%);
  }

  .s\:w-1\/12 {
    width: calc(1 / 12 * 100%);
  }

  .s\:offset-1\/12 {
    margin-left: calc(1 / 12 * 100%);
  }

  .s\:push-left-1\/12 {
    left: calc(1 / 12 * 100%);
  }

  .s\:pull-left-1\/12 {
    left: calc(1 / 12 * -100%);
  }

  .s\:push-right-1\/12 {
    right: calc(1 / 12 * 100%);
  }

  .s\:pull-right-1\/12 {
    right: calc(1 / 12 * -100%);
  }

  .s\:w-2\/12 {
    width: calc(2 / 12 * 100%);
  }

  .s\:offset-2\/12 {
    margin-left: calc(2 / 12 * 100%);
  }

  .s\:push-left-2\/12 {
    left: calc(2 / 12 * 100%);
  }

  .s\:pull-left-2\/12 {
    left: calc(2 / 12 * -100%);
  }

  .s\:push-right-2\/12 {
    right: calc(2 / 12 * 100%);
  }

  .s\:pull-right-2\/12 {
    right: calc(2 / 12 * -100%);
  }

  .s\:w-3\/12 {
    width: calc(3 / 12 * 100%);
  }

  .s\:offset-3\/12 {
    margin-left: calc(3 / 12 * 100%);
  }

  .s\:push-left-3\/12 {
    left: calc(3 / 12 * 100%);
  }

  .s\:pull-left-3\/12 {
    left: calc(3 / 12 * -100%);
  }

  .s\:push-right-3\/12 {
    right: calc(3 / 12 * 100%);
  }

  .s\:pull-right-3\/12 {
    right: calc(3 / 12 * -100%);
  }

  .s\:w-4\/12 {
    width: calc(4 / 12 * 100%);
  }

  .s\:offset-4\/12 {
    margin-left: calc(4 / 12 * 100%);
  }

  .s\:push-left-4\/12 {
    left: calc(4 / 12 * 100%);
  }

  .s\:pull-left-4\/12 {
    left: calc(4 / 12 * -100%);
  }

  .s\:push-right-4\/12 {
    right: calc(4 / 12 * 100%);
  }

  .s\:pull-right-4\/12 {
    right: calc(4 / 12 * -100%);
  }

  .s\:w-5\/12 {
    width: calc(5 / 12 * 100%);
  }

  .s\:offset-5\/12 {
    margin-left: calc(5 / 12 * 100%);
  }

  .s\:push-left-5\/12 {
    left: calc(5 / 12 * 100%);
  }

  .s\:pull-left-5\/12 {
    left: calc(5 / 12 * -100%);
  }

  .s\:push-right-5\/12 {
    right: calc(5 / 12 * 100%);
  }

  .s\:pull-right-5\/12 {
    right: calc(5 / 12 * -100%);
  }

  .s\:w-6\/12 {
    width: calc(6 / 12 * 100%);
  }

  .s\:offset-6\/12 {
    margin-left: calc(6 / 12 * 100%);
  }

  .s\:push-left-6\/12 {
    left: calc(6 / 12 * 100%);
  }

  .s\:pull-left-6\/12 {
    left: calc(6 / 12 * -100%);
  }

  .s\:push-right-6\/12 {
    right: calc(6 / 12 * 100%);
  }

  .s\:pull-right-6\/12 {
    right: calc(6 / 12 * -100%);
  }

  .s\:w-7\/12 {
    width: calc(7 / 12 * 100%);
  }

  .s\:offset-7\/12 {
    margin-left: calc(7 / 12 * 100%);
  }

  .s\:push-left-7\/12 {
    left: calc(7 / 12 * 100%);
  }

  .s\:pull-left-7\/12 {
    left: calc(7 / 12 * -100%);
  }

  .s\:push-right-7\/12 {
    right: calc(7 / 12 * 100%);
  }

  .s\:pull-right-7\/12 {
    right: calc(7 / 12 * -100%);
  }

  .s\:w-8\/12 {
    width: calc(8 / 12 * 100%);
  }

  .s\:offset-8\/12 {
    margin-left: calc(8 / 12 * 100%);
  }

  .s\:push-left-8\/12 {
    left: calc(8 / 12 * 100%);
  }

  .s\:pull-left-8\/12 {
    left: calc(8 / 12 * -100%);
  }

  .s\:push-right-8\/12 {
    right: calc(8 / 12 * 100%);
  }

  .s\:pull-right-8\/12 {
    right: calc(8 / 12 * -100%);
  }

  .s\:w-9\/12 {
    width: calc(9 / 12 * 100%);
  }

  .s\:offset-9\/12 {
    margin-left: calc(9 / 12 * 100%);
  }

  .s\:push-left-9\/12 {
    left: calc(9 / 12 * 100%);
  }

  .s\:pull-left-9\/12 {
    left: calc(9 / 12 * -100%);
  }

  .s\:push-right-9\/12 {
    right: calc(9 / 12 * 100%);
  }

  .s\:pull-right-9\/12 {
    right: calc(9 / 12 * -100%);
  }

  .s\:w-10\/12 {
    width: calc(10 / 12 * 100%);
  }

  .s\:offset-10\/12 {
    margin-left: calc(10 / 12 * 100%);
  }

  .s\:push-left-10\/12 {
    left: calc(10 / 12 * 100%);
  }

  .s\:pull-left-10\/12 {
    left: calc(10 / 12 * -100%);
  }

  .s\:push-right-10\/12 {
    right: calc(10 / 12 * 100%);
  }

  .s\:pull-right-10\/12 {
    right: calc(10 / 12 * -100%);
  }

  .s\:w-11\/12 {
    width: calc(11 / 12 * 100%);
  }

  .s\:offset-11\/12 {
    margin-left: calc(11 / 12 * 100%);
  }

  .s\:push-left-11\/12 {
    left: calc(11 / 12 * 100%);
  }

  .s\:pull-left-11\/12 {
    left: calc(11 / 12 * -100%);
  }

  .s\:push-right-11\/12 {
    right: calc(11 / 12 * 100%);
  }

  .s\:pull-right-11\/12 {
    right: calc(11 / 12 * -100%);
  }

  .s\:w-12\/12 {
    width: calc(12 / 12 * 100%);
  }

  .s\:offset-12\/12 {
    margin-left: calc(12 / 12 * 100%);
  }

  .s\:push-left-12\/12 {
    left: calc(12 / 12 * 100%);
  }

  .s\:pull-left-12\/12 {
    left: calc(12 / 12 * -100%);
  }

  .s\:push-right-12\/12 {
    right: calc(12 / 12 * 100%);
  }

  .s\:pull-right-12\/12 {
    right: calc(12 / 12 * -100%);
  }

  .s\:w-1\/24 {
    width: calc(1 / 24 * 100%);
  }

  .s\:offset-1\/24 {
    margin-left: calc(1 / 24 * 100%);
  }

  .s\:push-left-1\/24 {
    left: calc(1 / 24 * 100%);
  }

  .s\:pull-left-1\/24 {
    left: calc(1 / 24 * -100%);
  }

  .s\:push-right-1\/24 {
    right: calc(1 / 24 * 100%);
  }

  .s\:pull-right-1\/24 {
    right: calc(1 / 24 * -100%);
  }

  .s\:w-2\/24 {
    width: calc(2 / 24 * 100%);
  }

  .s\:offset-2\/24 {
    margin-left: calc(2 / 24 * 100%);
  }

  .s\:push-left-2\/24 {
    left: calc(2 / 24 * 100%);
  }

  .s\:pull-left-2\/24 {
    left: calc(2 / 24 * -100%);
  }

  .s\:push-right-2\/24 {
    right: calc(2 / 24 * 100%);
  }

  .s\:pull-right-2\/24 {
    right: calc(2 / 24 * -100%);
  }

  .s\:w-3\/24 {
    width: calc(3 / 24 * 100%);
  }

  .s\:offset-3\/24 {
    margin-left: calc(3 / 24 * 100%);
  }

  .s\:push-left-3\/24 {
    left: calc(3 / 24 * 100%);
  }

  .s\:pull-left-3\/24 {
    left: calc(3 / 24 * -100%);
  }

  .s\:push-right-3\/24 {
    right: calc(3 / 24 * 100%);
  }

  .s\:pull-right-3\/24 {
    right: calc(3 / 24 * -100%);
  }

  .s\:w-4\/24 {
    width: calc(4 / 24 * 100%);
  }

  .s\:offset-4\/24 {
    margin-left: calc(4 / 24 * 100%);
  }

  .s\:push-left-4\/24 {
    left: calc(4 / 24 * 100%);
  }

  .s\:pull-left-4\/24 {
    left: calc(4 / 24 * -100%);
  }

  .s\:push-right-4\/24 {
    right: calc(4 / 24 * 100%);
  }

  .s\:pull-right-4\/24 {
    right: calc(4 / 24 * -100%);
  }

  .s\:w-5\/24 {
    width: calc(5 / 24 * 100%);
  }

  .s\:offset-5\/24 {
    margin-left: calc(5 / 24 * 100%);
  }

  .s\:push-left-5\/24 {
    left: calc(5 / 24 * 100%);
  }

  .s\:pull-left-5\/24 {
    left: calc(5 / 24 * -100%);
  }

  .s\:push-right-5\/24 {
    right: calc(5 / 24 * 100%);
  }

  .s\:pull-right-5\/24 {
    right: calc(5 / 24 * -100%);
  }

  .s\:w-6\/24 {
    width: calc(6 / 24 * 100%);
  }

  .s\:offset-6\/24 {
    margin-left: calc(6 / 24 * 100%);
  }

  .s\:push-left-6\/24 {
    left: calc(6 / 24 * 100%);
  }

  .s\:pull-left-6\/24 {
    left: calc(6 / 24 * -100%);
  }

  .s\:push-right-6\/24 {
    right: calc(6 / 24 * 100%);
  }

  .s\:pull-right-6\/24 {
    right: calc(6 / 24 * -100%);
  }

  .s\:w-7\/24 {
    width: calc(7 / 24 * 100%);
  }

  .s\:offset-7\/24 {
    margin-left: calc(7 / 24 * 100%);
  }

  .s\:push-left-7\/24 {
    left: calc(7 / 24 * 100%);
  }

  .s\:pull-left-7\/24 {
    left: calc(7 / 24 * -100%);
  }

  .s\:push-right-7\/24 {
    right: calc(7 / 24 * 100%);
  }

  .s\:pull-right-7\/24 {
    right: calc(7 / 24 * -100%);
  }

  .s\:w-8\/24 {
    width: calc(8 / 24 * 100%);
  }

  .s\:offset-8\/24 {
    margin-left: calc(8 / 24 * 100%);
  }

  .s\:push-left-8\/24 {
    left: calc(8 / 24 * 100%);
  }

  .s\:pull-left-8\/24 {
    left: calc(8 / 24 * -100%);
  }

  .s\:push-right-8\/24 {
    right: calc(8 / 24 * 100%);
  }

  .s\:pull-right-8\/24 {
    right: calc(8 / 24 * -100%);
  }

  .s\:w-9\/24 {
    width: calc(9 / 24 * 100%);
  }

  .s\:offset-9\/24 {
    margin-left: calc(9 / 24 * 100%);
  }

  .s\:push-left-9\/24 {
    left: calc(9 / 24 * 100%);
  }

  .s\:pull-left-9\/24 {
    left: calc(9 / 24 * -100%);
  }

  .s\:push-right-9\/24 {
    right: calc(9 / 24 * 100%);
  }

  .s\:pull-right-9\/24 {
    right: calc(9 / 24 * -100%);
  }

  .s\:w-10\/24 {
    width: calc(10 / 24 * 100%);
  }

  .s\:offset-10\/24 {
    margin-left: calc(10 / 24 * 100%);
  }

  .s\:push-left-10\/24 {
    left: calc(10 / 24 * 100%);
  }

  .s\:pull-left-10\/24 {
    left: calc(10 / 24 * -100%);
  }

  .s\:push-right-10\/24 {
    right: calc(10 / 24 * 100%);
  }

  .s\:pull-right-10\/24 {
    right: calc(10 / 24 * -100%);
  }

  .s\:w-11\/24 {
    width: calc(11 / 24 * 100%);
  }

  .s\:offset-11\/24 {
    margin-left: calc(11 / 24 * 100%);
  }

  .s\:push-left-11\/24 {
    left: calc(11 / 24 * 100%);
  }

  .s\:pull-left-11\/24 {
    left: calc(11 / 24 * -100%);
  }

  .s\:push-right-11\/24 {
    right: calc(11 / 24 * 100%);
  }

  .s\:pull-right-11\/24 {
    right: calc(11 / 24 * -100%);
  }

  .s\:w-12\/24 {
    width: calc(12 / 24 * 100%);
  }

  .s\:offset-12\/24 {
    margin-left: calc(12 / 24 * 100%);
  }

  .s\:push-left-12\/24 {
    left: calc(12 / 24 * 100%);
  }

  .s\:pull-left-12\/24 {
    left: calc(12 / 24 * -100%);
  }

  .s\:push-right-12\/24 {
    right: calc(12 / 24 * 100%);
  }

  .s\:pull-right-12\/24 {
    right: calc(12 / 24 * -100%);
  }

  .s\:w-13\/24 {
    width: calc(13 / 24 * 100%);
  }

  .s\:offset-13\/24 {
    margin-left: calc(13 / 24 * 100%);
  }

  .s\:push-left-13\/24 {
    left: calc(13 / 24 * 100%);
  }

  .s\:pull-left-13\/24 {
    left: calc(13 / 24 * -100%);
  }

  .s\:push-right-13\/24 {
    right: calc(13 / 24 * 100%);
  }

  .s\:pull-right-13\/24 {
    right: calc(13 / 24 * -100%);
  }

  .s\:w-14\/24 {
    width: calc(14 / 24 * 100%);
  }

  .s\:offset-14\/24 {
    margin-left: calc(14 / 24 * 100%);
  }

  .s\:push-left-14\/24 {
    left: calc(14 / 24 * 100%);
  }

  .s\:pull-left-14\/24 {
    left: calc(14 / 24 * -100%);
  }

  .s\:push-right-14\/24 {
    right: calc(14 / 24 * 100%);
  }

  .s\:pull-right-14\/24 {
    right: calc(14 / 24 * -100%);
  }

  .s\:w-15\/24 {
    width: calc(15 / 24 * 100%);
  }

  .s\:offset-15\/24 {
    margin-left: calc(15 / 24 * 100%);
  }

  .s\:push-left-15\/24 {
    left: calc(15 / 24 * 100%);
  }

  .s\:pull-left-15\/24 {
    left: calc(15 / 24 * -100%);
  }

  .s\:push-right-15\/24 {
    right: calc(15 / 24 * 100%);
  }

  .s\:pull-right-15\/24 {
    right: calc(15 / 24 * -100%);
  }

  .s\:w-16\/24 {
    width: calc(16 / 24 * 100%);
  }

  .s\:offset-16\/24 {
    margin-left: calc(16 / 24 * 100%);
  }

  .s\:push-left-16\/24 {
    left: calc(16 / 24 * 100%);
  }

  .s\:pull-left-16\/24 {
    left: calc(16 / 24 * -100%);
  }

  .s\:push-right-16\/24 {
    right: calc(16 / 24 * 100%);
  }

  .s\:pull-right-16\/24 {
    right: calc(16 / 24 * -100%);
  }

  .s\:w-17\/24 {
    width: calc(17 / 24 * 100%);
  }

  .s\:offset-17\/24 {
    margin-left: calc(17 / 24 * 100%);
  }

  .s\:push-left-17\/24 {
    left: calc(17 / 24 * 100%);
  }

  .s\:pull-left-17\/24 {
    left: calc(17 / 24 * -100%);
  }

  .s\:push-right-17\/24 {
    right: calc(17 / 24 * 100%);
  }

  .s\:pull-right-17\/24 {
    right: calc(17 / 24 * -100%);
  }

  .s\:w-18\/24 {
    width: calc(18 / 24 * 100%);
  }

  .s\:offset-18\/24 {
    margin-left: calc(18 / 24 * 100%);
  }

  .s\:push-left-18\/24 {
    left: calc(18 / 24 * 100%);
  }

  .s\:pull-left-18\/24 {
    left: calc(18 / 24 * -100%);
  }

  .s\:push-right-18\/24 {
    right: calc(18 / 24 * 100%);
  }

  .s\:pull-right-18\/24 {
    right: calc(18 / 24 * -100%);
  }

  .s\:w-19\/24 {
    width: calc(19 / 24 * 100%);
  }

  .s\:offset-19\/24 {
    margin-left: calc(19 / 24 * 100%);
  }

  .s\:push-left-19\/24 {
    left: calc(19 / 24 * 100%);
  }

  .s\:pull-left-19\/24 {
    left: calc(19 / 24 * -100%);
  }

  .s\:push-right-19\/24 {
    right: calc(19 / 24 * 100%);
  }

  .s\:pull-right-19\/24 {
    right: calc(19 / 24 * -100%);
  }

  .s\:w-20\/24 {
    width: calc(20 / 24 * 100%);
  }

  .s\:offset-20\/24 {
    margin-left: calc(20 / 24 * 100%);
  }

  .s\:push-left-20\/24 {
    left: calc(20 / 24 * 100%);
  }

  .s\:pull-left-20\/24 {
    left: calc(20 / 24 * -100%);
  }

  .s\:push-right-20\/24 {
    right: calc(20 / 24 * 100%);
  }

  .s\:pull-right-20\/24 {
    right: calc(20 / 24 * -100%);
  }

  .s\:w-21\/24 {
    width: calc(21 / 24 * 100%);
  }

  .s\:offset-21\/24 {
    margin-left: calc(21 / 24 * 100%);
  }

  .s\:push-left-21\/24 {
    left: calc(21 / 24 * 100%);
  }

  .s\:pull-left-21\/24 {
    left: calc(21 / 24 * -100%);
  }

  .s\:push-right-21\/24 {
    right: calc(21 / 24 * 100%);
  }

  .s\:pull-right-21\/24 {
    right: calc(21 / 24 * -100%);
  }

  .s\:w-22\/24 {
    width: calc(22 / 24 * 100%);
  }

  .s\:offset-22\/24 {
    margin-left: calc(22 / 24 * 100%);
  }

  .s\:push-left-22\/24 {
    left: calc(22 / 24 * 100%);
  }

  .s\:pull-left-22\/24 {
    left: calc(22 / 24 * -100%);
  }

  .s\:push-right-22\/24 {
    right: calc(22 / 24 * 100%);
  }

  .s\:pull-right-22\/24 {
    right: calc(22 / 24 * -100%);
  }

  .s\:w-23\/24 {
    width: calc(23 / 24 * 100%);
  }

  .s\:offset-23\/24 {
    margin-left: calc(23 / 24 * 100%);
  }

  .s\:push-left-23\/24 {
    left: calc(23 / 24 * 100%);
  }

  .s\:pull-left-23\/24 {
    left: calc(23 / 24 * -100%);
  }

  .s\:push-right-23\/24 {
    right: calc(23 / 24 * 100%);
  }

  .s\:pull-right-23\/24 {
    right: calc(23 / 24 * -100%);
  }

  .s\:w-24\/24 {
    width: calc(24 / 24 * 100%);
  }

  .s\:offset-24\/24 {
    margin-left: calc(24 / 24 * 100%);
  }

  .s\:push-left-24\/24 {
    left: calc(24 / 24 * 100%);
  }

  .s\:pull-left-24\/24 {
    left: calc(24 / 24 * -100%);
  }

  .s\:push-right-24\/24 {
    right: calc(24 / 24 * 100%);
  }

  .s\:pull-right-24\/24 {
    right: calc(24 / 24 * -100%);
  }

  .s\:w-600px {
    width: 8px;
  }

  .s\:w-600px {
    width: 16px;
  }

  .s\:w-600px {
    width: 24px;
  }

  .s\:w-600px {
    width: 32px;
  }

  .s\:w-600px {
    width: 40px;
  }

  .s\:w-600px {
    width: 48px;
  }

  .s\:w-600px {
    width: 56px;
  }

  .s\:w-600px {
    width: 64px;
  }

  .s\:w-600px {
    width: 72px;
  }

  .s\:w-600px {
    width: 80px;
  }

  .s\:w-600px {
    width: 88px;
  }

  .s\:w-600px {
    width: 96px;
  }

  .s\:w-600px {
    width: 104px;
  }

  .s\:w-600px {
    width: 112px;
  }

  .s\:w-600px {
    width: 120px;
  }

  .s\:w-600px {
    width: 128px;
  }

  .s\:w-600px {
    width: 136px;
  }

  .s\:w-600px {
    width: 144px;
  }

  .s\:w-600px {
    width: 152px;
  }

  .s\:w-600px {
    width: 160px;
  }

  .s\:w-600px {
    width: 168px;
  }

  .s\:w-600px {
    width: 176px;
  }

  .s\:w-600px {
    width: 184px;
  }

  .s\:w-600px {
    width: 192px;
  }

  .s\:w-600px {
    width: 200px;
  }

  .s\:w-600px {
    width: 208px;
  }

  .s\:w-600px {
    width: 216px;
  }

  .s\:w-600px {
    width: 224px;
  }

  .s\:w-600px {
    width: 232px;
  }

  .s\:w-600px {
    width: 240px;
  }

  .s\:w-600px {
    width: 248px;
  }

  .s\:w-600px {
    width: 256px;
  }

  .s\:w-screen {
    width: 100vw;
  }

  .s\:w-full {
    width: 100%;
  }

  .s\:min-w-0 {
    min-width: 0;
  }

  .s\:min-w-full {
    min-width: 100%;
  }

  .s\:h-600px {
    height: 8px;
  }

  .s\:h-600px {
    height: 16px;
  }

  .s\:h-600px {
    height: 24px;
  }

  .s\:h-600px {
    height: 32px;
  }

  .s\:h-600px {
    height: 40px;
  }

  .s\:h-600px {
    height: 48px;
  }

  .s\:h-600px {
    height: 56px;
  }

  .s\:h-600px {
    height: 64px;
  }

  .s\:h-600px {
    height: 72px;
  }

  .s\:h-600px {
    height: 80px;
  }

  .s\:h-600px {
    height: 88px;
  }

  .s\:h-600px {
    height: 96px;
  }

  .s\:h-600px {
    height: 104px;
  }

  .s\:h-600px {
    height: 112px;
  }

  .s\:h-600px {
    height: 120px;
  }

  .s\:h-600px {
    height: 128px;
  }

  .s\:h-600px {
    height: 136px;
  }

  .s\:h-600px {
    height: 144px;
  }

  .s\:h-600px {
    height: 152px;
  }

  .s\:h-600px {
    height: 160px;
  }

  .s\:h-600px {
    height: 168px;
  }

  .s\:h-600px {
    height: 176px;
  }

  .s\:h-600px {
    height: 184px;
  }

  .s\:h-600px {
    height: 192px;
  }

  .s\:h-600px {
    height: 200px;
  }

  .s\:h-600px {
    height: 208px;
  }

  .s\:h-600px {
    height: 216px;
  }

  .s\:h-600px {
    height: 224px;
  }

  .s\:h-600px {
    height: 232px;
  }

  .s\:h-600px {
    height: 240px;
  }

  .s\:h-600px {
    height: 248px;
  }

  .s\:h-600px {
    height: 256px;
  }

  .s\:h-screen {
    height: 100vw;
  }

  .s\:h-full {
    height: 100%;
  }

  .s\:min-h-0 {
    min-height: 0;
  }

  .s\:min-h-full {
    min-height: 100%;
  }

  .s\:min-h-screen {
    min-height: 100vh;
  }

  .s\:max-h-full {
    max-height: 100%;
  }

  .s\:max-h-screen {
    max-height: 100vh;
  }

  .s\:stack-0 > * + * {
    margin-top: 0;
  }

  .s\:stack-0\.25 > * + * {
    margin-top: 2px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-0\.25 > * + * {
    margin-top: calc(2px + 2 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-0\.25 > * + * {
    margin-top: 4px;
  }
}

@media (min-width: 600px) {
  .s\:stack-0\.5 > * + * {
    margin-top: 4px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-0\.5 > * + * {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-0\.5 > * + * {
    margin-top: 8px;
  }
}

@media (min-width: 600px) {
  .s\:stack-0\.75 > * + * {
    margin-top: 6px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-0\.75 > * + * {
    margin-top: calc(6px + 6 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-0\.75 > * + * {
    margin-top: 12px;
  }
}

@media (min-width: 600px) {
  .s\:stack > * + *,
  .s\:stack-1 > * + * {
    margin-top: 8px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack > * + *,
  .s\:stack-1 > * + * {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack > * + *,
  .s\:stack-1 > * + * {
    margin-top: 16px;
  }
}

@media (min-width: 600px) {
  .s\:stack-1\.5 > * + * {
    margin-top: 12px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-1\.5 > * + * {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-1\.5 > * + * {
    margin-top: 24px;
  }
}

@media (min-width: 600px) {
  .s\:stack-2 > * + * {
    margin-top: 16px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-2 > * + * {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-2 > * + * {
    margin-top: 32px;
  }
}

@media (min-width: 600px) {
  .s\:stack-2\.5 > * + * {
    margin-top: 20px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-2\.5 > * + * {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-2\.5 > * + * {
    margin-top: 40px;
  }
}

@media (min-width: 600px) {
  .s\:stack-3 > * + * {
    margin-top: 24px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-3 > * + * {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-3 > * + * {
    margin-top: 48px;
  }
}

@media (min-width: 600px) {
  .s\:stack-0\.25 > .a-headline {
    margin-top: 4px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-0\.25 > .a-headline {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-0\.25 > .a-headline {
    margin-top: 8px;
  }
}

@media (min-width: 600px) {
  .s\:stack-0\.25 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack-0\.5 > .a-headline {
    margin-top: 8px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-0\.5 > .a-headline {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-0\.5 > .a-headline {
    margin-top: 16px;
  }
}

@media (min-width: 600px) {
  .s\:stack-0\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack-0\.75 > .a-headline {
    margin-top: 12px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-0\.75 > .a-headline {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-0\.75 > .a-headline {
    margin-top: 24px;
  }
}

@media (min-width: 600px) {
  .s\:stack-0\.75 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack > .a-headline,
  .s\:stack-1 > .a-headline {
    margin-top: 16px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack > .a-headline,
  .s\:stack-1 > .a-headline {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack > .a-headline,
  .s\:stack-1 > .a-headline {
    margin-top: 32px;
  }
}

@media (min-width: 600px) {
  .s\:stack > .a-headline:first-child,
  .s\:stack-1 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack-1\.5 > .a-headline {
    margin-top: 24px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-1\.5 > .a-headline {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-1\.5 > .a-headline {
    margin-top: 48px;
  }
}

@media (min-width: 600px) {
  .s\:stack-1\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack-2 > .a-headline {
    margin-top: 32px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-2 > .a-headline {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-2 > .a-headline {
    margin-top: 64px;
  }
}

@media (min-width: 600px) {
  .s\:stack-2 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack-2\.5 > .a-headline {
    margin-top: 40px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-2\.5 > .a-headline {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-2\.5 > .a-headline {
    margin-top: 80px;
  }
}

@media (min-width: 600px) {
  .s\:stack-2\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:stack-3 > .a-headline {
    margin-top: 48px;
  }
}

@media screen and (min-width: 600px) and (min-width: 320px) {
  .s\:stack-3 > .a-headline {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 600px) and (min-width: 1600px) {
  .s\:stack-3 > .a-headline {
    margin-top: 96px;
  }
}

@media (min-width: 600px) {
  .s\:stack-3 > .a-headline:first-child {
    margin-top: 0;
  }

  .s\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .s\:ml-auto {
    margin-left: auto;
  }

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

  .s\:block {
    display: block;
  }

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

  .s\:inline {
    display: inline;
  }

  .s\:flex {
    display: flex;
  }

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

  .s\:table {
    display: table;
  }

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

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

  .s\:hidden {
    display: none;
  }

  .s\:float-left {
    float: left;
  }

  .s\:float-right {
    float: right;
  }

  .s\:float-none {
    float: none;
  }

  .s\:clearfix::after {
    content: '';
    display: table;
    clear: both;
  }

  .s\:object-contain {
    object-fit: contain;
  }

  .s\:object-cover {
    object-fit: cover;
  }

  .s\:object-fill {
    object-fit: fill;
  }

  .s\:object-none {
    object-fit: none;
  }

  .s\:object-scale-down {
    object-fit: scale-down;
  }

  .s\:object-bottom {
    object-position: bottom;
  }

  .s\:object-center {
    object-position: center;
  }

  .s\:object-left {
    object-position: left;
  }

  .s\:object-left-bottom {
    object-position: left bottom;
  }

  .s\:object-left-top {
    object-position: left top;
  }

  .s\:object-right {
    object-position: right;
  }

  .s\:object-right-bottom {
    object-position: right bottom;
  }

  .s\:object-right-top {
    object-position: right top;
  }

  .s\:object-top {
    object-position: top;
  }

  .s\:overflow-auto {
    overflow: auto;
  }

  .s\:overflow-hidden {
    overflow: hidden;
  }

  .s\:overflow-visible {
    overflow: visible;
  }

  .s\:overflow-scroll {
    overflow: scroll;
  }

  .s\:overflow-x-auto {
    overflow-x: auto;
  }

  .s\:overflow-y-auto {
    overflow-y: auto;
  }

  .s\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .s\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .s\:overflow-x-visible {
    overflow-x: visible;
  }

  .s\:overflow-y-visible {
    overflow-y: visible;
  }

  .s\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .s\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .s\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .s\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .s\:static {
    position: static;
  }

  .s\:fixed {
    position: fixed;
  }

  .s\:absolute {
    position: absolute;
  }

  .s\:relative {
    position: relative;
  }

  .s\:sticky {
    position: sticky;
  }

  .s\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .s\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .s\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .s\:top-0 {
    top: 0;
  }

  .s\:right-0 {
    right: 0;
  }

  .s\:bottom-0 {
    bottom: 0;
  }

  .s\:left-0 {
    left: 0;
  }

  .s\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .s\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .s\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .s\:top-auto {
    top: auto;
  }

  .s\:bottom-auto {
    bottom: auto;
  }

  .s\:left-auto {
    left: auto;
  }

  .s\:right-auto {
    right: auto;
  }

  .s\:visible {
    visibility: visible;
  }

  .s\:invisible {
    visibility: hidden;
  }

  .s\:z-0 {
    z-index: 0;
  }

  .s\:z-10 {
    z-index: 10;
  }

  .s\:z-20 {
    z-index: 20;
  }

  .s\:z-30 {
    z-index: 30;
  }

  .s\:z-40 {
    z-index: 40;
  }

  .s\:z-50 {
    z-index: 50;
  }

  .s\:z-auto {
    z-index: auto;
  }

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

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

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

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

  .s\:flex-no-wrap {
    flex-wrap: nowrap;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .s\:self-auto {
    align-self: auto;
  }

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

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

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

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

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

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

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

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

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

  .s\:flex-initial {
    flex: 0 1 auto;
  }

  .s\:flex-1 {
    flex: 1 1 0%;
  }

  .s\:flex-auto {
    flex: 1 1 auto;
  }

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

  .s\:flex-grow {
    flex-grow: 1;
  }

  .s\:flex-grow-0 {
    flex-grow: 0;
  }

  .s\:flex-shrink {
    flex-shrink: 1;
  }

  .s\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .s\:order-first {
    order: -9999;
  }

  .s\:order-last {
    order: 9999;
  }

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

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

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

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

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

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

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

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

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

  .s\:order-9 {
    order: 9;
  }

  .s\:order-10 {
    order: 10;
  }

  .s\:order-11 {
    order: 11;
  }

  .s\:order-12 {
    order: 12;
  }

  .s\:table-auto {
    table-layout: auto;
  }

  .s\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  .s\:text-justify {
    text-align: justify;
  }

  .s\:whitespace-normal {
    white-space: normal;
  }

  .s\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .s\:whitespace-pre {
    white-space: pre;
  }

  .s\:whitespace-pre-line {
    white-space: pre-line;
  }

  .s\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .s\:break-normal {
    word-break: normal;
    overflow-wrap: normal;
  }

  .s\:break-words {
    overflow-wrap: break-word;
  }

  .s\:break-all {
    word-break: break-all;
  }

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

  .s\:p-0 {
    padding: 0;
  }

  .s\:pl-0 {
    padding-left: 0;
  }

  .s\:pr-0 {
    padding-right: 0;
  }

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

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

  .s\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .s\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .s\:m-0 {
    margin: 0;
  }

  .s\:ml-0 {
    margin-left: 0;
  }

  .s\:mr-0 {
    margin-right: 0;
  }

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

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

  .s\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .s\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .s\:-m-0 {
    margin: -0;
  }

  .s\:-ml-0 {
    margin-left: -0;
  }

  .s\:-mr-0 {
    margin-right: -0;
  }

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

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

  .s\:-mx-0 {
    margin-left: -0;
    margin-right: -0;
  }

  .s\:-my-0 {
    margin-top: -0;
    margin-bottom: -0;
  }

  .s\:p-1 {
    padding: 8px;
  }

  .s\:pl-1 {
    padding-left: 8px;
  }

  .s\:pr-1 {
    padding-right: 8px;
  }

  .s\:pt-1 {
    padding-top: 8px;
  }

  .s\:pb-1 {
    padding-bottom: 8px;
  }

  .s\:px-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .s\:py-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .s\:m-1 {
    margin: 8px;
  }

  .s\:ml-1 {
    margin-left: 8px;
  }

  .s\:mr-1 {
    margin-right: 8px;
  }

  .s\:mt-1 {
    margin-top: 8px;
  }

  .s\:mb-1 {
    margin-bottom: 8px;
  }

  .s\:mx-1 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .s\:my-1 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .s\:-m-1 {
    margin: -8px;
  }

  .s\:-ml-1 {
    margin-left: -8px;
  }

  .s\:-mr-1 {
    margin-right: -8px;
  }

  .s\:-mt-1 {
    margin-top: -8px;
  }

  .s\:-mb-1 {
    margin-bottom: -8px;
  }

  .s\:-mx-1 {
    margin-left: -8px;
    margin-right: -8px;
  }

  .s\:-my-1 {
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .s\:p-2 {
    padding: 16px;
  }

  .s\:pl-2 {
    padding-left: 16px;
  }

  .s\:pr-2 {
    padding-right: 16px;
  }

  .s\:pt-2 {
    padding-top: 16px;
  }

  .s\:pb-2 {
    padding-bottom: 16px;
  }

  .s\:px-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .s\:py-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .s\:m-2 {
    margin: 16px;
  }

  .s\:ml-2 {
    margin-left: 16px;
  }

  .s\:mr-2 {
    margin-right: 16px;
  }

  .s\:mt-2 {
    margin-top: 16px;
  }

  .s\:mb-2 {
    margin-bottom: 16px;
  }

  .s\:mx-2 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .s\:my-2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .s\:-m-2 {
    margin: -16px;
  }

  .s\:-ml-2 {
    margin-left: -16px;
  }

  .s\:-mr-2 {
    margin-right: -16px;
  }

  .s\:-mt-2 {
    margin-top: -16px;
  }

  .s\:-mb-2 {
    margin-bottom: -16px;
  }

  .s\:-mx-2 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .s\:-my-2 {
    margin-top: -16px;
    margin-bottom: -16px;
  }

  .s\:p-3 {
    padding: 24px;
  }

  .s\:pl-3 {
    padding-left: 24px;
  }

  .s\:pr-3 {
    padding-right: 24px;
  }

  .s\:pt-3 {
    padding-top: 24px;
  }

  .s\:pb-3 {
    padding-bottom: 24px;
  }

  .s\:px-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .s\:py-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .s\:m-3 {
    margin: 24px;
  }

  .s\:ml-3 {
    margin-left: 24px;
  }

  .s\:mr-3 {
    margin-right: 24px;
  }

  .s\:mt-3 {
    margin-top: 24px;
  }

  .s\:mb-3 {
    margin-bottom: 24px;
  }

  .s\:mx-3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .s\:my-3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .s\:-m-3 {
    margin: -24px;
  }

  .s\:-ml-3 {
    margin-left: -24px;
  }

  .s\:-mr-3 {
    margin-right: -24px;
  }

  .s\:-mt-3 {
    margin-top: -24px;
  }

  .s\:-mb-3 {
    margin-bottom: -24px;
  }

  .s\:-mx-3 {
    margin-left: -24px;
    margin-right: -24px;
  }

  .s\:-my-3 {
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .s\:p-4 {
    padding: 32px;
  }

  .s\:pl-4 {
    padding-left: 32px;
  }

  .s\:pr-4 {
    padding-right: 32px;
  }

  .s\:pt-4 {
    padding-top: 32px;
  }

  .s\:pb-4 {
    padding-bottom: 32px;
  }

  .s\:px-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .s\:py-4 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .s\:m-4 {
    margin: 32px;
  }

  .s\:ml-4 {
    margin-left: 32px;
  }

  .s\:mr-4 {
    margin-right: 32px;
  }

  .s\:mt-4 {
    margin-top: 32px;
  }

  .s\:mb-4 {
    margin-bottom: 32px;
  }

  .s\:mx-4 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .s\:my-4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .s\:-m-4 {
    margin: -32px;
  }

  .s\:-ml-4 {
    margin-left: -32px;
  }

  .s\:-mr-4 {
    margin-right: -32px;
  }

  .s\:-mt-4 {
    margin-top: -32px;
  }

  .s\:-mb-4 {
    margin-bottom: -32px;
  }

  .s\:-mx-4 {
    margin-left: -32px;
    margin-right: -32px;
  }

  .s\:-my-4 {
    margin-top: -32px;
    margin-bottom: -32px;
  }

  .s\:p-5 {
    padding: 40px;
  }

  .s\:pl-5 {
    padding-left: 40px;
  }

  .s\:pr-5 {
    padding-right: 40px;
  }

  .s\:pt-5 {
    padding-top: 40px;
  }

  .s\:pb-5 {
    padding-bottom: 40px;
  }

  .s\:px-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .s\:py-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .s\:m-5 {
    margin: 40px;
  }

  .s\:ml-5 {
    margin-left: 40px;
  }

  .s\:mr-5 {
    margin-right: 40px;
  }

  .s\:mt-5 {
    margin-top: 40px;
  }

  .s\:mb-5 {
    margin-bottom: 40px;
  }

  .s\:mx-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .s\:my-5 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .s\:-m-5 {
    margin: -40px;
  }

  .s\:-ml-5 {
    margin-left: -40px;
  }

  .s\:-mr-5 {
    margin-right: -40px;
  }

  .s\:-mt-5 {
    margin-top: -40px;
  }

  .s\:-mb-5 {
    margin-bottom: -40px;
  }

  .s\:-mx-5 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .s\:-my-5 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .s\:p-6 {
    padding: 48px;
  }

  .s\:pl-6 {
    padding-left: 48px;
  }

  .s\:pr-6 {
    padding-right: 48px;
  }

  .s\:pt-6 {
    padding-top: 48px;
  }

  .s\:pb-6 {
    padding-bottom: 48px;
  }

  .s\:px-6 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .s\:py-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .s\:m-6 {
    margin: 48px;
  }

  .s\:ml-6 {
    margin-left: 48px;
  }

  .s\:mr-6 {
    margin-right: 48px;
  }

  .s\:mt-6 {
    margin-top: 48px;
  }

  .s\:mb-6 {
    margin-bottom: 48px;
  }

  .s\:mx-6 {
    margin-left: 48px;
    margin-right: 48px;
  }

  .s\:my-6 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .s\:-m-6 {
    margin: -48px;
  }

  .s\:-ml-6 {
    margin-left: -48px;
  }

  .s\:-mr-6 {
    margin-right: -48px;
  }

  .s\:-mt-6 {
    margin-top: -48px;
  }

  .s\:-mb-6 {
    margin-bottom: -48px;
  }

  .s\:-mx-6 {
    margin-left: -48px;
    margin-right: -48px;
  }

  .s\:-my-6 {
    margin-top: -48px;
    margin-bottom: -48px;
  }

  .s\:p-7 {
    padding: 56px;
  }

  .s\:pl-7 {
    padding-left: 56px;
  }

  .s\:pr-7 {
    padding-right: 56px;
  }

  .s\:pt-7 {
    padding-top: 56px;
  }

  .s\:pb-7 {
    padding-bottom: 56px;
  }

  .s\:px-7 {
    padding-left: 56px;
    padding-right: 56px;
  }

  .s\:py-7 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .s\:m-7 {
    margin: 56px;
  }

  .s\:ml-7 {
    margin-left: 56px;
  }

  .s\:mr-7 {
    margin-right: 56px;
  }

  .s\:mt-7 {
    margin-top: 56px;
  }

  .s\:mb-7 {
    margin-bottom: 56px;
  }

  .s\:mx-7 {
    margin-left: 56px;
    margin-right: 56px;
  }

  .s\:my-7 {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .s\:-m-7 {
    margin: -56px;
  }

  .s\:-ml-7 {
    margin-left: -56px;
  }

  .s\:-mr-7 {
    margin-right: -56px;
  }

  .s\:-mt-7 {
    margin-top: -56px;
  }

  .s\:-mb-7 {
    margin-bottom: -56px;
  }

  .s\:-mx-7 {
    margin-left: -56px;
    margin-right: -56px;
  }

  .s\:-my-7 {
    margin-top: -56px;
    margin-bottom: -56px;
  }

  .s\:p-8 {
    padding: 64px;
  }

  .s\:pl-8 {
    padding-left: 64px;
  }

  .s\:pr-8 {
    padding-right: 64px;
  }

  .s\:pt-8 {
    padding-top: 64px;
  }

  .s\:pb-8 {
    padding-bottom: 64px;
  }

  .s\:px-8 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .s\:py-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .s\:m-8 {
    margin: 64px;
  }

  .s\:ml-8 {
    margin-left: 64px;
  }

  .s\:mr-8 {
    margin-right: 64px;
  }

  .s\:mt-8 {
    margin-top: 64px;
  }

  .s\:mb-8 {
    margin-bottom: 64px;
  }

  .s\:mx-8 {
    margin-left: 64px;
    margin-right: 64px;
  }

  .s\:my-8 {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .s\:-m-8 {
    margin: -64px;
  }

  .s\:-ml-8 {
    margin-left: -64px;
  }

  .s\:-mr-8 {
    margin-right: -64px;
  }

  .s\:-mt-8 {
    margin-top: -64px;
  }

  .s\:-mb-8 {
    margin-bottom: -64px;
  }

  .s\:-mx-8 {
    margin-left: -64px;
    margin-right: -64px;
  }

  .s\:-my-8 {
    margin-top: -64px;
    margin-bottom: -64px;
  }

  .s\:p-9 {
    padding: 72px;
  }

  .s\:pl-9 {
    padding-left: 72px;
  }

  .s\:pr-9 {
    padding-right: 72px;
  }

  .s\:pt-9 {
    padding-top: 72px;
  }

  .s\:pb-9 {
    padding-bottom: 72px;
  }

  .s\:px-9 {
    padding-left: 72px;
    padding-right: 72px;
  }

  .s\:py-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .s\:m-9 {
    margin: 72px;
  }

  .s\:ml-9 {
    margin-left: 72px;
  }

  .s\:mr-9 {
    margin-right: 72px;
  }

  .s\:mt-9 {
    margin-top: 72px;
  }

  .s\:mb-9 {
    margin-bottom: 72px;
  }

  .s\:mx-9 {
    margin-left: 72px;
    margin-right: 72px;
  }

  .s\:my-9 {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .s\:-m-9 {
    margin: -72px;
  }

  .s\:-ml-9 {
    margin-left: -72px;
  }

  .s\:-mr-9 {
    margin-right: -72px;
  }

  .s\:-mt-9 {
    margin-top: -72px;
  }

  .s\:-mb-9 {
    margin-bottom: -72px;
  }

  .s\:-mx-9 {
    margin-left: -72px;
    margin-right: -72px;
  }

  .s\:-my-9 {
    margin-top: -72px;
    margin-bottom: -72px;
  }

  .s\:p-10 {
    padding: 80px;
  }

  .s\:pl-10 {
    padding-left: 80px;
  }

  .s\:pr-10 {
    padding-right: 80px;
  }

  .s\:pt-10 {
    padding-top: 80px;
  }

  .s\:pb-10 {
    padding-bottom: 80px;
  }

  .s\:px-10 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .s\:py-10 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .s\:m-10 {
    margin: 80px;
  }

  .s\:ml-10 {
    margin-left: 80px;
  }

  .s\:mr-10 {
    margin-right: 80px;
  }

  .s\:mt-10 {
    margin-top: 80px;
  }

  .s\:mb-10 {
    margin-bottom: 80px;
  }

  .s\:mx-10 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .s\:my-10 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .s\:-m-10 {
    margin: -80px;
  }

  .s\:-ml-10 {
    margin-left: -80px;
  }

  .s\:-mr-10 {
    margin-right: -80px;
  }

  .s\:-mt-10 {
    margin-top: -80px;
  }

  .s\:-mb-10 {
    margin-bottom: -80px;
  }

  .s\:-mx-10 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .s\:-my-10 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .s\:p-11 {
    padding: 88px;
  }

  .s\:pl-11 {
    padding-left: 88px;
  }

  .s\:pr-11 {
    padding-right: 88px;
  }

  .s\:pt-11 {
    padding-top: 88px;
  }

  .s\:pb-11 {
    padding-bottom: 88px;
  }

  .s\:px-11 {
    padding-left: 88px;
    padding-right: 88px;
  }

  .s\:py-11 {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .s\:m-11 {
    margin: 88px;
  }

  .s\:ml-11 {
    margin-left: 88px;
  }

  .s\:mr-11 {
    margin-right: 88px;
  }

  .s\:mt-11 {
    margin-top: 88px;
  }

  .s\:mb-11 {
    margin-bottom: 88px;
  }

  .s\:mx-11 {
    margin-left: 88px;
    margin-right: 88px;
  }

  .s\:my-11 {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .s\:-m-11 {
    margin: -88px;
  }

  .s\:-ml-11 {
    margin-left: -88px;
  }

  .s\:-mr-11 {
    margin-right: -88px;
  }

  .s\:-mt-11 {
    margin-top: -88px;
  }

  .s\:-mb-11 {
    margin-bottom: -88px;
  }

  .s\:-mx-11 {
    margin-left: -88px;
    margin-right: -88px;
  }

  .s\:-my-11 {
    margin-top: -88px;
    margin-bottom: -88px;
  }

  .s\:p-12 {
    padding: 96px;
  }

  .s\:pl-12 {
    padding-left: 96px;
  }

  .s\:pr-12 {
    padding-right: 96px;
  }

  .s\:pt-12 {
    padding-top: 96px;
  }

  .s\:pb-12 {
    padding-bottom: 96px;
  }

  .s\:px-12 {
    padding-left: 96px;
    padding-right: 96px;
  }

  .s\:py-12 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .s\:m-12 {
    margin: 96px;
  }

  .s\:ml-12 {
    margin-left: 96px;
  }

  .s\:mr-12 {
    margin-right: 96px;
  }

  .s\:mt-12 {
    margin-top: 96px;
  }

  .s\:mb-12 {
    margin-bottom: 96px;
  }

  .s\:mx-12 {
    margin-left: 96px;
    margin-right: 96px;
  }

  .s\:my-12 {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .s\:-m-12 {
    margin: -96px;
  }

  .s\:-ml-12 {
    margin-left: -96px;
  }

  .s\:-mr-12 {
    margin-right: -96px;
  }

  .s\:-mt-12 {
    margin-top: -96px;
  }

  .s\:-mb-12 {
    margin-bottom: -96px;
  }

  .s\:-mx-12 {
    margin-left: -96px;
    margin-right: -96px;
  }

  .s\:-my-12 {
    margin-top: -96px;
    margin-bottom: -96px;
  }

  .s\:p-13 {
    padding: 104px;
  }

  .s\:pl-13 {
    padding-left: 104px;
  }

  .s\:pr-13 {
    padding-right: 104px;
  }

  .s\:pt-13 {
    padding-top: 104px;
  }

  .s\:pb-13 {
    padding-bottom: 104px;
  }

  .s\:px-13 {
    padding-left: 104px;
    padding-right: 104px;
  }

  .s\:py-13 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .s\:m-13 {
    margin: 104px;
  }

  .s\:ml-13 {
    margin-left: 104px;
  }

  .s\:mr-13 {
    margin-right: 104px;
  }

  .s\:mt-13 {
    margin-top: 104px;
  }

  .s\:mb-13 {
    margin-bottom: 104px;
  }

  .s\:mx-13 {
    margin-left: 104px;
    margin-right: 104px;
  }

  .s\:my-13 {
    margin-top: 104px;
    margin-bottom: 104px;
  }

  .s\:-m-13 {
    margin: -104px;
  }

  .s\:-ml-13 {
    margin-left: -104px;
  }

  .s\:-mr-13 {
    margin-right: -104px;
  }

  .s\:-mt-13 {
    margin-top: -104px;
  }

  .s\:-mb-13 {
    margin-bottom: -104px;
  }

  .s\:-mx-13 {
    margin-left: -104px;
    margin-right: -104px;
  }

  .s\:-my-13 {
    margin-top: -104px;
    margin-bottom: -104px;
  }

  .s\:p-14 {
    padding: 112px;
  }

  .s\:pl-14 {
    padding-left: 112px;
  }

  .s\:pr-14 {
    padding-right: 112px;
  }

  .s\:pt-14 {
    padding-top: 112px;
  }

  .s\:pb-14 {
    padding-bottom: 112px;
  }

  .s\:px-14 {
    padding-left: 112px;
    padding-right: 112px;
  }

  .s\:py-14 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .s\:m-14 {
    margin: 112px;
  }

  .s\:ml-14 {
    margin-left: 112px;
  }

  .s\:mr-14 {
    margin-right: 112px;
  }

  .s\:mt-14 {
    margin-top: 112px;
  }

  .s\:mb-14 {
    margin-bottom: 112px;
  }

  .s\:mx-14 {
    margin-left: 112px;
    margin-right: 112px;
  }

  .s\:my-14 {
    margin-top: 112px;
    margin-bottom: 112px;
  }

  .s\:-m-14 {
    margin: -112px;
  }

  .s\:-ml-14 {
    margin-left: -112px;
  }

  .s\:-mr-14 {
    margin-right: -112px;
  }

  .s\:-mt-14 {
    margin-top: -112px;
  }

  .s\:-mb-14 {
    margin-bottom: -112px;
  }

  .s\:-mx-14 {
    margin-left: -112px;
    margin-right: -112px;
  }

  .s\:-my-14 {
    margin-top: -112px;
    margin-bottom: -112px;
  }

  .s\:p-15 {
    padding: 120px;
  }

  .s\:pl-15 {
    padding-left: 120px;
  }

  .s\:pr-15 {
    padding-right: 120px;
  }

  .s\:pt-15 {
    padding-top: 120px;
  }

  .s\:pb-15 {
    padding-bottom: 120px;
  }

  .s\:px-15 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .s\:py-15 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .s\:m-15 {
    margin: 120px;
  }

  .s\:ml-15 {
    margin-left: 120px;
  }

  .s\:mr-15 {
    margin-right: 120px;
  }

  .s\:mt-15 {
    margin-top: 120px;
  }

  .s\:mb-15 {
    margin-bottom: 120px;
  }

  .s\:mx-15 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .s\:my-15 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .s\:-m-15 {
    margin: -120px;
  }

  .s\:-ml-15 {
    margin-left: -120px;
  }

  .s\:-mr-15 {
    margin-right: -120px;
  }

  .s\:-mt-15 {
    margin-top: -120px;
  }

  .s\:-mb-15 {
    margin-bottom: -120px;
  }

  .s\:-mx-15 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .s\:-my-15 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .s\:p-16 {
    padding: 128px;
  }

  .s\:pl-16 {
    padding-left: 128px;
  }

  .s\:pr-16 {
    padding-right: 128px;
  }

  .s\:pt-16 {
    padding-top: 128px;
  }

  .s\:pb-16 {
    padding-bottom: 128px;
  }

  .s\:px-16 {
    padding-left: 128px;
    padding-right: 128px;
  }

  .s\:py-16 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .s\:m-16 {
    margin: 128px;
  }

  .s\:ml-16 {
    margin-left: 128px;
  }

  .s\:mr-16 {
    margin-right: 128px;
  }

  .s\:mt-16 {
    margin-top: 128px;
  }

  .s\:mb-16 {
    margin-bottom: 128px;
  }

  .s\:mx-16 {
    margin-left: 128px;
    margin-right: 128px;
  }

  .s\:my-16 {
    margin-top: 128px;
    margin-bottom: 128px;
  }

  .s\:-m-16 {
    margin: -128px;
  }

  .s\:-ml-16 {
    margin-left: -128px;
  }

  .s\:-mr-16 {
    margin-right: -128px;
  }

  .s\:-mt-16 {
    margin-top: -128px;
  }

  .s\:-mb-16 {
    margin-bottom: -128px;
  }

  .s\:-mx-16 {
    margin-left: -128px;
    margin-right: -128px;
  }

  .s\:-my-16 {
    margin-top: -128px;
    margin-bottom: -128px;
  }

  .s\:p-17 {
    padding: 136px;
  }

  .s\:pl-17 {
    padding-left: 136px;
  }

  .s\:pr-17 {
    padding-right: 136px;
  }

  .s\:pt-17 {
    padding-top: 136px;
  }

  .s\:pb-17 {
    padding-bottom: 136px;
  }

  .s\:px-17 {
    padding-left: 136px;
    padding-right: 136px;
  }

  .s\:py-17 {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .s\:m-17 {
    margin: 136px;
  }

  .s\:ml-17 {
    margin-left: 136px;
  }

  .s\:mr-17 {
    margin-right: 136px;
  }

  .s\:mt-17 {
    margin-top: 136px;
  }

  .s\:mb-17 {
    margin-bottom: 136px;
  }

  .s\:mx-17 {
    margin-left: 136px;
    margin-right: 136px;
  }

  .s\:my-17 {
    margin-top: 136px;
    margin-bottom: 136px;
  }

  .s\:-m-17 {
    margin: -136px;
  }

  .s\:-ml-17 {
    margin-left: -136px;
  }

  .s\:-mr-17 {
    margin-right: -136px;
  }

  .s\:-mt-17 {
    margin-top: -136px;
  }

  .s\:-mb-17 {
    margin-bottom: -136px;
  }

  .s\:-mx-17 {
    margin-left: -136px;
    margin-right: -136px;
  }

  .s\:-my-17 {
    margin-top: -136px;
    margin-bottom: -136px;
  }
}

.p-0--fluid {
  padding: 0px;
}

@media screen and (min-width: 320px) {
  .p-0--fluid {
    padding: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0--fluid {
    padding: 0px;
  }
}

.p-0\.5--fluid {
  padding: 4px;
}

@media screen and (min-width: 320px) {
  .p-0\.5--fluid {
    padding: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0\.5--fluid {
    padding: 8px;
  }
}

.pl-0--fluid {
  padding-left: 0px;
}

@media screen and (min-width: 320px) {
  .pl-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0--fluid {
    padding-left: 0px;
  }
}

.pl-0\.5--fluid {
  padding-left: 4px;
}

@media screen and (min-width: 320px) {
  .pl-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0\.5--fluid {
    padding-left: 8px;
  }
}

.pr-0--fluid {
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .pr-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-0--fluid {
    padding-right: 0px;
  }
}

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

@media screen and (min-width: 320px) {
  .pt-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0--fluid {
    padding-top: 0px;
  }
}

.pt-0\.5--fluid {
  padding-top: 4px;
}

@media screen and (min-width: 320px) {
  .pt-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0\.5--fluid {
    padding-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .pb-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0--fluid {
    padding-bottom: 0px;
  }
}

.pb-0\.5--fluid {
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .pb-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.px-0--fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-right: 0px;
  }
}

.px-0\.5--fluid {
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-right: 8px;
  }
}

.py-0--fluid {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-bottom: 0px;
  }
}

.py-0\.5--fluid {
  padding-top: 4px;
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0--fluid {
    margin: 0px;
  }
}

.m-0\.5--fluid {
  margin: 4px;
}

@media screen and (min-width: 320px) {
  .m-0\.5--fluid {
    margin: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0\.5--fluid {
    margin: 8px;
  }
}

.ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0--fluid {
    margin-left: 0px;
  }
}

.ml-0\.5--fluid {
  margin-left: 4px;
}

@media screen and (min-width: 320px) {
  .ml-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0\.5--fluid {
    margin-left: 8px;
  }
}

.mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0--fluid {
    margin-right: 0px;
  }
}

.mr-0\.5--fluid {
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mr-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0\.5--fluid {
    margin-right: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0--fluid {
    margin-top: 0px;
  }
}

.mt-0\.5--fluid {
  margin-top: 4px;
}

@media screen and (min-width: 320px) {
  .mt-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0\.5--fluid {
    margin-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0--fluid {
    margin-bottom: 0px;
  }
}

.mb-0\.5--fluid {
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .mb-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-right: 0px;
  }
}

.mx-0\.5--fluid {
  margin-left: 4px;
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-right: 8px;
  }
}

.my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-bottom: 0px;
  }
}

.my-0\.5--fluid {
  margin-top: 4px;
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.-m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .-m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0--fluid {
    margin: 0px;
  }
}

.-m-0\.5--fluid {
  margin: -4px;
}

@media screen and (min-width: 320px) {
  .-m-0\.5--fluid {
    margin: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0\.5--fluid {
    margin: -8px;
  }
}

.-ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .-ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0--fluid {
    margin-left: 0px;
  }
}

.-ml-0\.5--fluid {
  margin-left: -4px;
}

@media screen and (min-width: 320px) {
  .-ml-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0\.5--fluid {
    margin-left: -8px;
  }
}

.-mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0--fluid {
    margin-right: 0px;
  }
}

.-mr-0\.5--fluid {
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mr-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0\.5--fluid {
    margin-right: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0--fluid {
    margin-top: 0px;
  }
}

.-mt-0\.5--fluid {
  margin-top: -4px;
}

@media screen and (min-width: 320px) {
  .-mt-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0\.5--fluid {
    margin-top: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0--fluid {
    margin-bottom: 0px;
  }
}

.-mb-0\.5--fluid {
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-mb-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-right: 0px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-bottom: 0px;
  }
}

.-my-0\.5--fluid {
  margin-top: -4px;
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-top: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.p-1--fluid {
  padding: 8px;
}

@media screen and (min-width: 320px) {
  .p-1--fluid {
    padding: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1--fluid {
    padding: 16px;
  }
}

.p-1\.5--fluid {
  padding: 12px;
}

@media screen and (min-width: 320px) {
  .p-1\.5--fluid {
    padding: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1\.5--fluid {
    padding: 24px;
  }
}

.pl-1--fluid {
  padding-left: 8px;
}

@media screen and (min-width: 320px) {
  .pl-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1--fluid {
    padding-left: 16px;
  }
}

.pl-1\.5--fluid {
  padding-left: 12px;
}

@media screen and (min-width: 320px) {
  .pl-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1\.5--fluid {
    padding-left: 24px;
  }
}

.pr-1--fluid {
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .pr-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-1--fluid {
    padding-right: 16px;
  }
}

.pt-1--fluid {
  padding-top: 8px;
}

@media screen and (min-width: 320px) {
  .pt-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1--fluid {
    padding-top: 16px;
  }
}

.pt-1\.5--fluid {
  padding-top: 12px;
}

@media screen and (min-width: 320px) {
  .pt-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1\.5--fluid {
    padding-top: 24px;
  }
}

.pb-1--fluid {
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .pb-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1--fluid {
    padding-bottom: 16px;
  }
}

.pb-1\.5--fluid {
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .pb-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.px-1--fluid {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-right: 16px;
  }
}

.px-1\.5--fluid {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-right: 24px;
  }
}

.py-1--fluid {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-bottom: 16px;
  }
}

.py-1\.5--fluid {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.m-1--fluid {
  margin: 8px;
}

@media screen and (min-width: 320px) {
  .m-1--fluid {
    margin: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1--fluid {
    margin: 16px;
  }
}

.m-1\.5--fluid {
  margin: 12px;
}

@media screen and (min-width: 320px) {
  .m-1\.5--fluid {
    margin: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1\.5--fluid {
    margin: 24px;
  }
}

.ml-1--fluid {
  margin-left: 8px;
}

@media screen and (min-width: 320px) {
  .ml-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1--fluid {
    margin-left: 16px;
  }
}

.ml-1\.5--fluid {
  margin-left: 12px;
}

@media screen and (min-width: 320px) {
  .ml-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1\.5--fluid {
    margin-left: 24px;
  }
}

.mr-1--fluid {
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mr-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1--fluid {
    margin-right: 16px;
  }
}

.mr-1\.5--fluid {
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mr-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1\.5--fluid {
    margin-right: 24px;
  }
}

.mt-1--fluid {
  margin-top: 8px;
}

@media screen and (min-width: 320px) {
  .mt-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1--fluid {
    margin-top: 16px;
  }
}

.mt-1\.5--fluid {
  margin-top: 12px;
}

@media screen and (min-width: 320px) {
  .mt-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1\.5--fluid {
    margin-top: 24px;
  }
}

.mb-1--fluid {
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .mb-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1--fluid {
    margin-bottom: 16px;
  }
}

.mb-1\.5--fluid {
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .mb-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.mx-1--fluid {
  margin-left: 8px;
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-right: 16px;
  }
}

.mx-1\.5--fluid {
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-right: 24px;
  }
}

.my-1--fluid {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-bottom: 16px;
  }
}

.my-1\.5--fluid {
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.-m-1--fluid {
  margin: -8px;
}

@media screen and (min-width: 320px) {
  .-m-1--fluid {
    margin: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1--fluid {
    margin: -16px;
  }
}

.-m-1\.5--fluid {
  margin: -12px;
}

@media screen and (min-width: 320px) {
  .-m-1\.5--fluid {
    margin: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1\.5--fluid {
    margin: -24px;
  }
}

.-ml-1--fluid {
  margin-left: -8px;
}

@media screen and (min-width: 320px) {
  .-ml-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1--fluid {
    margin-left: -16px;
  }
}

.-ml-1\.5--fluid {
  margin-left: -12px;
}

@media screen and (min-width: 320px) {
  .-ml-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1\.5--fluid {
    margin-left: -24px;
  }
}

.-mr-1--fluid {
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mr-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1--fluid {
    margin-right: -16px;
  }
}

.-mr-1\.5--fluid {
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mr-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mt-1--fluid {
  margin-top: -8px;
}

@media screen and (min-width: 320px) {
  .-mt-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1--fluid {
    margin-top: -16px;
  }
}

.-mt-1\.5--fluid {
  margin-top: -12px;
}

@media screen and (min-width: 320px) {
  .-mt-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1\.5--fluid {
    margin-top: -24px;
  }
}

.-mb-1--fluid {
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-mb-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1--fluid {
    margin-bottom: -16px;
  }
}

.-mb-1\.5--fluid {
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-mb-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mx-1--fluid {
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-left: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-right: -16px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-my-1--fluid {
  margin-top: -8px;
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-top: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-bottom: -16px;
  }
}

.-my-1\.5--fluid {
  margin-top: -12px;
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-top: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.p-2--fluid {
  padding: 16px;
}

@media screen and (min-width: 320px) {
  .p-2--fluid {
    padding: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2--fluid {
    padding: 32px;
  }
}

.p-2\.5--fluid {
  padding: 20px;
}

@media screen and (min-width: 320px) {
  .p-2\.5--fluid {
    padding: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2\.5--fluid {
    padding: 40px;
  }
}

.pl-2--fluid {
  padding-left: 16px;
}

@media screen and (min-width: 320px) {
  .pl-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2--fluid {
    padding-left: 32px;
  }
}

.pl-2\.5--fluid {
  padding-left: 20px;
}

@media screen and (min-width: 320px) {
  .pl-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2\.5--fluid {
    padding-left: 40px;
  }
}

.pr-2--fluid {
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .pr-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-2--fluid {
    padding-right: 32px;
  }
}

.pt-2--fluid {
  padding-top: 16px;
}

@media screen and (min-width: 320px) {
  .pt-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2--fluid {
    padding-top: 32px;
  }
}

.pt-2\.5--fluid {
  padding-top: 20px;
}

@media screen and (min-width: 320px) {
  .pt-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2\.5--fluid {
    padding-top: 40px;
  }
}

.pb-2--fluid {
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .pb-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2--fluid {
    padding-bottom: 32px;
  }
}

.pb-2\.5--fluid {
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .pb-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.px-2--fluid {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-right: 32px;
  }
}

.px-2\.5--fluid {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-right: 40px;
  }
}

.py-2--fluid {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-bottom: 32px;
  }
}

.py-2\.5--fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.m-2--fluid {
  margin: 16px;
}

@media screen and (min-width: 320px) {
  .m-2--fluid {
    margin: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2--fluid {
    margin: 32px;
  }
}

.m-2\.5--fluid {
  margin: 20px;
}

@media screen and (min-width: 320px) {
  .m-2\.5--fluid {
    margin: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2\.5--fluid {
    margin: 40px;
  }
}

.ml-2--fluid {
  margin-left: 16px;
}

@media screen and (min-width: 320px) {
  .ml-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2--fluid {
    margin-left: 32px;
  }
}

.ml-2\.5--fluid {
  margin-left: 20px;
}

@media screen and (min-width: 320px) {
  .ml-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2\.5--fluid {
    margin-left: 40px;
  }
}

.mr-2--fluid {
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mr-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2--fluid {
    margin-right: 32px;
  }
}

.mr-2\.5--fluid {
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mr-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2\.5--fluid {
    margin-right: 40px;
  }
}

.mt-2--fluid {
  margin-top: 16px;
}

@media screen and (min-width: 320px) {
  .mt-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2--fluid {
    margin-top: 32px;
  }
}

.mt-2\.5--fluid {
  margin-top: 20px;
}

@media screen and (min-width: 320px) {
  .mt-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2\.5--fluid {
    margin-top: 40px;
  }
}

.mb-2--fluid {
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .mb-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2--fluid {
    margin-bottom: 32px;
  }
}

.mb-2\.5--fluid {
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .mb-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.mx-2--fluid {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-right: 32px;
  }
}

.mx-2\.5--fluid {
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-right: 40px;
  }
}

.my-2--fluid {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-bottom: 32px;
  }
}

.my-2\.5--fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.-m-2--fluid {
  margin: -16px;
}

@media screen and (min-width: 320px) {
  .-m-2--fluid {
    margin: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2--fluid {
    margin: -32px;
  }
}

.-m-2\.5--fluid {
  margin: -20px;
}

@media screen and (min-width: 320px) {
  .-m-2\.5--fluid {
    margin: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2\.5--fluid {
    margin: -40px;
  }
}

.-ml-2--fluid {
  margin-left: -16px;
}

@media screen and (min-width: 320px) {
  .-ml-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2--fluid {
    margin-left: -32px;
  }
}

.-ml-2\.5--fluid {
  margin-left: -20px;
}

@media screen and (min-width: 320px) {
  .-ml-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2\.5--fluid {
    margin-left: -40px;
  }
}

.-mr-2--fluid {
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mr-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2--fluid {
    margin-right: -32px;
  }
}

.-mr-2\.5--fluid {
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mr-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mt-2--fluid {
  margin-top: -16px;
}

@media screen and (min-width: 320px) {
  .-mt-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2--fluid {
    margin-top: -32px;
  }
}

.-mt-2\.5--fluid {
  margin-top: -20px;
}

@media screen and (min-width: 320px) {
  .-mt-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2\.5--fluid {
    margin-top: -40px;
  }
}

.-mb-2--fluid {
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-mb-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2--fluid {
    margin-bottom: -32px;
  }
}

.-mb-2\.5--fluid {
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-mb-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mx-2--fluid {
  margin-left: -16px;
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-left: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-right: -32px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-my-2--fluid {
  margin-top: -16px;
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-top: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-bottom: -32px;
  }
}

.-my-2\.5--fluid {
  margin-top: -20px;
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-top: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.p-3--fluid {
  padding: 24px;
}

@media screen and (min-width: 320px) {
  .p-3--fluid {
    padding: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3--fluid {
    padding: 48px;
  }
}

.p-3\.5--fluid {
  padding: 28px;
}

@media screen and (min-width: 320px) {
  .p-3\.5--fluid {
    padding: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3\.5--fluid {
    padding: 56px;
  }
}

.pl-3--fluid {
  padding-left: 24px;
}

@media screen and (min-width: 320px) {
  .pl-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3--fluid {
    padding-left: 48px;
  }
}

.pl-3\.5--fluid {
  padding-left: 28px;
}

@media screen and (min-width: 320px) {
  .pl-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3\.5--fluid {
    padding-left: 56px;
  }
}

.pr-3--fluid {
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .pr-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-3--fluid {
    padding-right: 48px;
  }
}

.pt-3--fluid {
  padding-top: 24px;
}

@media screen and (min-width: 320px) {
  .pt-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3--fluid {
    padding-top: 48px;
  }
}

.pt-3\.5--fluid {
  padding-top: 28px;
}

@media screen and (min-width: 320px) {
  .pt-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3\.5--fluid {
    padding-top: 56px;
  }
}

.pb-3--fluid {
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .pb-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3--fluid {
    padding-bottom: 48px;
  }
}

.pb-3\.5--fluid {
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .pb-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.px-3--fluid {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-right: 48px;
  }
}

.px-3\.5--fluid {
  padding-left: 28px;
  padding-right: 28px;
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-right: 56px;
  }
}

.py-3--fluid {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-bottom: 48px;
  }
}

.py-3\.5--fluid {
  padding-top: 28px;
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.m-3--fluid {
  margin: 24px;
}

@media screen and (min-width: 320px) {
  .m-3--fluid {
    margin: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3--fluid {
    margin: 48px;
  }
}

.m-3\.5--fluid {
  margin: 28px;
}

@media screen and (min-width: 320px) {
  .m-3\.5--fluid {
    margin: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3\.5--fluid {
    margin: 56px;
  }
}

.ml-3--fluid {
  margin-left: 24px;
}

@media screen and (min-width: 320px) {
  .ml-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3--fluid {
    margin-left: 48px;
  }
}

.ml-3\.5--fluid {
  margin-left: 28px;
}

@media screen and (min-width: 320px) {
  .ml-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3\.5--fluid {
    margin-left: 56px;
  }
}

.mr-3--fluid {
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mr-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3--fluid {
    margin-right: 48px;
  }
}

.mr-3\.5--fluid {
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mr-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3\.5--fluid {
    margin-right: 56px;
  }
}

.mt-3--fluid {
  margin-top: 24px;
}

@media screen and (min-width: 320px) {
  .mt-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3--fluid {
    margin-top: 48px;
  }
}

.mt-3\.5--fluid {
  margin-top: 28px;
}

@media screen and (min-width: 320px) {
  .mt-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3\.5--fluid {
    margin-top: 56px;
  }
}

.mb-3--fluid {
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .mb-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3--fluid {
    margin-bottom: 48px;
  }
}

.mb-3\.5--fluid {
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .mb-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.mx-3--fluid {
  margin-left: 24px;
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-right: 48px;
  }
}

.mx-3\.5--fluid {
  margin-left: 28px;
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-right: 56px;
  }
}

.my-3--fluid {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-bottom: 48px;
  }
}

.my-3\.5--fluid {
  margin-top: 28px;
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.-m-3--fluid {
  margin: -24px;
}

@media screen and (min-width: 320px) {
  .-m-3--fluid {
    margin: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3--fluid {
    margin: -48px;
  }
}

.-m-3\.5--fluid {
  margin: -28px;
}

@media screen and (min-width: 320px) {
  .-m-3\.5--fluid {
    margin: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3\.5--fluid {
    margin: -56px;
  }
}

.-ml-3--fluid {
  margin-left: -24px;
}

@media screen and (min-width: 320px) {
  .-ml-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3--fluid {
    margin-left: -48px;
  }
}

.-ml-3\.5--fluid {
  margin-left: -28px;
}

@media screen and (min-width: 320px) {
  .-ml-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3\.5--fluid {
    margin-left: -56px;
  }
}

.-mr-3--fluid {
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mr-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3--fluid {
    margin-right: -48px;
  }
}

.-mr-3\.5--fluid {
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mr-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mt-3--fluid {
  margin-top: -24px;
}

@media screen and (min-width: 320px) {
  .-mt-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3--fluid {
    margin-top: -48px;
  }
}

.-mt-3\.5--fluid {
  margin-top: -28px;
}

@media screen and (min-width: 320px) {
  .-mt-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3\.5--fluid {
    margin-top: -56px;
  }
}

.-mb-3--fluid {
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-mb-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3--fluid {
    margin-bottom: -48px;
  }
}

.-mb-3\.5--fluid {
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-mb-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mx-3--fluid {
  margin-left: -24px;
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-left: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-right: -48px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-my-3--fluid {
  margin-top: -24px;
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-top: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-bottom: -48px;
  }
}

.-my-3\.5--fluid {
  margin-top: -28px;
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-top: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.p-4--fluid {
  padding: 32px;
}

@media screen and (min-width: 320px) {
  .p-4--fluid {
    padding: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4--fluid {
    padding: 64px;
  }
}

.p-4\.5--fluid {
  padding: 36px;
}

@media screen and (min-width: 320px) {
  .p-4\.5--fluid {
    padding: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4\.5--fluid {
    padding: 72px;
  }
}

.pl-4--fluid {
  padding-left: 32px;
}

@media screen and (min-width: 320px) {
  .pl-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4--fluid {
    padding-left: 64px;
  }
}

.pl-4\.5--fluid {
  padding-left: 36px;
}

@media screen and (min-width: 320px) {
  .pl-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4\.5--fluid {
    padding-left: 72px;
  }
}

.pr-4--fluid {
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .pr-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-4--fluid {
    padding-right: 64px;
  }
}

.pt-4--fluid {
  padding-top: 32px;
}

@media screen and (min-width: 320px) {
  .pt-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4--fluid {
    padding-top: 64px;
  }
}

.pt-4\.5--fluid {
  padding-top: 36px;
}

@media screen and (min-width: 320px) {
  .pt-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4\.5--fluid {
    padding-top: 72px;
  }
}

.pb-4--fluid {
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .pb-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4--fluid {
    padding-bottom: 64px;
  }
}

.pb-4\.5--fluid {
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .pb-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.px-4--fluid {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-right: 64px;
  }
}

.px-4\.5--fluid {
  padding-left: 36px;
  padding-right: 36px;
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-right: 72px;
  }
}

.py-4--fluid {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-bottom: 64px;
  }
}

.py-4\.5--fluid {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.m-4--fluid {
  margin: 32px;
}

@media screen and (min-width: 320px) {
  .m-4--fluid {
    margin: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4--fluid {
    margin: 64px;
  }
}

.m-4\.5--fluid {
  margin: 36px;
}

@media screen and (min-width: 320px) {
  .m-4\.5--fluid {
    margin: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4\.5--fluid {
    margin: 72px;
  }
}

.ml-4--fluid {
  margin-left: 32px;
}

@media screen and (min-width: 320px) {
  .ml-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4--fluid {
    margin-left: 64px;
  }
}

.ml-4\.5--fluid {
  margin-left: 36px;
}

@media screen and (min-width: 320px) {
  .ml-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4\.5--fluid {
    margin-left: 72px;
  }
}

.mr-4--fluid {
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mr-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4--fluid {
    margin-right: 64px;
  }
}

.mr-4\.5--fluid {
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mr-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4\.5--fluid {
    margin-right: 72px;
  }
}

.mt-4--fluid {
  margin-top: 32px;
}

@media screen and (min-width: 320px) {
  .mt-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4--fluid {
    margin-top: 64px;
  }
}

.mt-4\.5--fluid {
  margin-top: 36px;
}

@media screen and (min-width: 320px) {
  .mt-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4\.5--fluid {
    margin-top: 72px;
  }
}

.mb-4--fluid {
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .mb-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4--fluid {
    margin-bottom: 64px;
  }
}

.mb-4\.5--fluid {
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .mb-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.mx-4--fluid {
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-right: 64px;
  }
}

.mx-4\.5--fluid {
  margin-left: 36px;
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-right: 72px;
  }
}

.my-4--fluid {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-bottom: 64px;
  }
}

.my-4\.5--fluid {
  margin-top: 36px;
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.-m-4--fluid {
  margin: -32px;
}

@media screen and (min-width: 320px) {
  .-m-4--fluid {
    margin: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4--fluid {
    margin: -64px;
  }
}

.-m-4\.5--fluid {
  margin: -36px;
}

@media screen and (min-width: 320px) {
  .-m-4\.5--fluid {
    margin: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4\.5--fluid {
    margin: -72px;
  }
}

.-ml-4--fluid {
  margin-left: -32px;
}

@media screen and (min-width: 320px) {
  .-ml-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4--fluid {
    margin-left: -64px;
  }
}

.-ml-4\.5--fluid {
  margin-left: -36px;
}

@media screen and (min-width: 320px) {
  .-ml-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4\.5--fluid {
    margin-left: -72px;
  }
}

.-mr-4--fluid {
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mr-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4--fluid {
    margin-right: -64px;
  }
}

.-mr-4\.5--fluid {
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mr-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mt-4--fluid {
  margin-top: -32px;
}

@media screen and (min-width: 320px) {
  .-mt-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4--fluid {
    margin-top: -64px;
  }
}

.-mt-4\.5--fluid {
  margin-top: -36px;
}

@media screen and (min-width: 320px) {
  .-mt-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4\.5--fluid {
    margin-top: -72px;
  }
}

.-mb-4--fluid {
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-mb-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4--fluid {
    margin-bottom: -64px;
  }
}

.-mb-4\.5--fluid {
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-mb-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mx-4--fluid {
  margin-left: -32px;
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-left: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-right: -64px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-my-4--fluid {
  margin-top: -32px;
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-top: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-bottom: -64px;
  }
}

.-my-4\.5--fluid {
  margin-top: -36px;
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-top: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.p-5--fluid {
  padding: 40px;
}

@media screen and (min-width: 320px) {
  .p-5--fluid {
    padding: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5--fluid {
    padding: 80px;
  }
}

.p-5\.5--fluid {
  padding: 44px;
}

@media screen and (min-width: 320px) {
  .p-5\.5--fluid {
    padding: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5\.5--fluid {
    padding: 88px;
  }
}

.pl-5--fluid {
  padding-left: 40px;
}

@media screen and (min-width: 320px) {
  .pl-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5--fluid {
    padding-left: 80px;
  }
}

.pl-5\.5--fluid {
  padding-left: 44px;
}

@media screen and (min-width: 320px) {
  .pl-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5\.5--fluid {
    padding-left: 88px;
  }
}

.pr-5--fluid {
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .pr-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-5--fluid {
    padding-right: 80px;
  }
}

.pt-5--fluid {
  padding-top: 40px;
}

@media screen and (min-width: 320px) {
  .pt-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5--fluid {
    padding-top: 80px;
  }
}

.pt-5\.5--fluid {
  padding-top: 44px;
}

@media screen and (min-width: 320px) {
  .pt-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5\.5--fluid {
    padding-top: 88px;
  }
}

.pb-5--fluid {
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .pb-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5--fluid {
    padding-bottom: 80px;
  }
}

.pb-5\.5--fluid {
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .pb-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.px-5--fluid {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-right: 80px;
  }
}

.px-5\.5--fluid {
  padding-left: 44px;
  padding-right: 44px;
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-right: 88px;
  }
}

.py-5--fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-bottom: 80px;
  }
}

.py-5\.5--fluid {
  padding-top: 44px;
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.m-5--fluid {
  margin: 40px;
}

@media screen and (min-width: 320px) {
  .m-5--fluid {
    margin: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5--fluid {
    margin: 80px;
  }
}

.m-5\.5--fluid {
  margin: 44px;
}

@media screen and (min-width: 320px) {
  .m-5\.5--fluid {
    margin: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5\.5--fluid {
    margin: 88px;
  }
}

.ml-5--fluid {
  margin-left: 40px;
}

@media screen and (min-width: 320px) {
  .ml-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5--fluid {
    margin-left: 80px;
  }
}

.ml-5\.5--fluid {
  margin-left: 44px;
}

@media screen and (min-width: 320px) {
  .ml-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5\.5--fluid {
    margin-left: 88px;
  }
}

.mr-5--fluid {
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mr-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5--fluid {
    margin-right: 80px;
  }
}

.mr-5\.5--fluid {
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mr-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5\.5--fluid {
    margin-right: 88px;
  }
}

.mt-5--fluid {
  margin-top: 40px;
}

@media screen and (min-width: 320px) {
  .mt-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5--fluid {
    margin-top: 80px;
  }
}

.mt-5\.5--fluid {
  margin-top: 44px;
}

@media screen and (min-width: 320px) {
  .mt-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5\.5--fluid {
    margin-top: 88px;
  }
}

.mb-5--fluid {
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .mb-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5--fluid {
    margin-bottom: 80px;
  }
}

.mb-5\.5--fluid {
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .mb-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.mx-5--fluid {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-right: 80px;
  }
}

.mx-5\.5--fluid {
  margin-left: 44px;
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-right: 88px;
  }
}

.my-5--fluid {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-bottom: 80px;
  }
}

.my-5\.5--fluid {
  margin-top: 44px;
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.-m-5--fluid {
  margin: -40px;
}

@media screen and (min-width: 320px) {
  .-m-5--fluid {
    margin: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5--fluid {
    margin: -80px;
  }
}

.-m-5\.5--fluid {
  margin: -44px;
}

@media screen and (min-width: 320px) {
  .-m-5\.5--fluid {
    margin: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5\.5--fluid {
    margin: -88px;
  }
}

.-ml-5--fluid {
  margin-left: -40px;
}

@media screen and (min-width: 320px) {
  .-ml-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5--fluid {
    margin-left: -80px;
  }
}

.-ml-5\.5--fluid {
  margin-left: -44px;
}

@media screen and (min-width: 320px) {
  .-ml-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5\.5--fluid {
    margin-left: -88px;
  }
}

.-mr-5--fluid {
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mr-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5--fluid {
    margin-right: -80px;
  }
}

.-mr-5\.5--fluid {
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mr-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mt-5--fluid {
  margin-top: -40px;
}

@media screen and (min-width: 320px) {
  .-mt-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5--fluid {
    margin-top: -80px;
  }
}

.-mt-5\.5--fluid {
  margin-top: -44px;
}

@media screen and (min-width: 320px) {
  .-mt-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5\.5--fluid {
    margin-top: -88px;
  }
}

.-mb-5--fluid {
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-mb-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5--fluid {
    margin-bottom: -80px;
  }
}

.-mb-5\.5--fluid {
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-mb-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mx-5--fluid {
  margin-left: -40px;
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-left: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-right: -80px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-my-5--fluid {
  margin-top: -40px;
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-top: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-bottom: -80px;
  }
}

.-my-5\.5--fluid {
  margin-top: -44px;
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-top: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.p-6--fluid {
  padding: 48px;
}

@media screen and (min-width: 320px) {
  .p-6--fluid {
    padding: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6--fluid {
    padding: 96px;
  }
}

.p-6\.5--fluid {
  padding: 52px;
}

@media screen and (min-width: 320px) {
  .p-6\.5--fluid {
    padding: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6\.5--fluid {
    padding: 104px;
  }
}

.pl-6--fluid {
  padding-left: 48px;
}

@media screen and (min-width: 320px) {
  .pl-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6--fluid {
    padding-left: 96px;
  }
}

.pl-6\.5--fluid {
  padding-left: 52px;
}

@media screen and (min-width: 320px) {
  .pl-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6\.5--fluid {
    padding-left: 104px;
  }
}

.pr-6--fluid {
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .pr-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-6--fluid {
    padding-right: 96px;
  }
}

.pt-6--fluid {
  padding-top: 48px;
}

@media screen and (min-width: 320px) {
  .pt-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6--fluid {
    padding-top: 96px;
  }
}

.pt-6\.5--fluid {
  padding-top: 52px;
}

@media screen and (min-width: 320px) {
  .pt-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6\.5--fluid {
    padding-top: 104px;
  }
}

.pb-6--fluid {
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .pb-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6--fluid {
    padding-bottom: 96px;
  }
}

.pb-6\.5--fluid {
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .pb-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.px-6--fluid {
  padding-left: 48px;
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-right: 96px;
  }
}

.px-6\.5--fluid {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-right: 104px;
  }
}

.py-6--fluid {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-bottom: 96px;
  }
}

.py-6\.5--fluid {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.m-6--fluid {
  margin: 48px;
}

@media screen and (min-width: 320px) {
  .m-6--fluid {
    margin: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6--fluid {
    margin: 96px;
  }
}

.m-6\.5--fluid {
  margin: 52px;
}

@media screen and (min-width: 320px) {
  .m-6\.5--fluid {
    margin: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6\.5--fluid {
    margin: 104px;
  }
}

.ml-6--fluid {
  margin-left: 48px;
}

@media screen and (min-width: 320px) {
  .ml-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6--fluid {
    margin-left: 96px;
  }
}

.ml-6\.5--fluid {
  margin-left: 52px;
}

@media screen and (min-width: 320px) {
  .ml-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6\.5--fluid {
    margin-left: 104px;
  }
}

.mr-6--fluid {
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mr-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6--fluid {
    margin-right: 96px;
  }
}

.mr-6\.5--fluid {
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mr-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6\.5--fluid {
    margin-right: 104px;
  }
}

.mt-6--fluid {
  margin-top: 48px;
}

@media screen and (min-width: 320px) {
  .mt-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6--fluid {
    margin-top: 96px;
  }
}

.mt-6\.5--fluid {
  margin-top: 52px;
}

@media screen and (min-width: 320px) {
  .mt-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6\.5--fluid {
    margin-top: 104px;
  }
}

.mb-6--fluid {
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .mb-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6--fluid {
    margin-bottom: 96px;
  }
}

.mb-6\.5--fluid {
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .mb-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.mx-6--fluid {
  margin-left: 48px;
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-right: 96px;
  }
}

.mx-6\.5--fluid {
  margin-left: 52px;
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-right: 104px;
  }
}

.my-6--fluid {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-bottom: 96px;
  }
}

.my-6\.5--fluid {
  margin-top: 52px;
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.-m-6--fluid {
  margin: -48px;
}

@media screen and (min-width: 320px) {
  .-m-6--fluid {
    margin: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6--fluid {
    margin: -96px;
  }
}

.-m-6\.5--fluid {
  margin: -52px;
}

@media screen and (min-width: 320px) {
  .-m-6\.5--fluid {
    margin: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6\.5--fluid {
    margin: -104px;
  }
}

.-ml-6--fluid {
  margin-left: -48px;
}

@media screen and (min-width: 320px) {
  .-ml-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6--fluid {
    margin-left: -96px;
  }
}

.-ml-6\.5--fluid {
  margin-left: -52px;
}

@media screen and (min-width: 320px) {
  .-ml-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6\.5--fluid {
    margin-left: -104px;
  }
}

.-mr-6--fluid {
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mr-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6--fluid {
    margin-right: -96px;
  }
}

.-mr-6\.5--fluid {
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mr-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mt-6--fluid {
  margin-top: -48px;
}

@media screen and (min-width: 320px) {
  .-mt-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6--fluid {
    margin-top: -96px;
  }
}

.-mt-6\.5--fluid {
  margin-top: -52px;
}

@media screen and (min-width: 320px) {
  .-mt-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6\.5--fluid {
    margin-top: -104px;
  }
}

.-mb-6--fluid {
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-mb-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6--fluid {
    margin-bottom: -96px;
  }
}

.-mb-6\.5--fluid {
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-mb-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mx-6--fluid {
  margin-left: -48px;
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-left: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-right: -96px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-my-6--fluid {
  margin-top: -48px;
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-top: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-bottom: -96px;
  }
}

.-my-6\.5--fluid {
  margin-top: -52px;
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-top: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.p-7--fluid {
  padding: 56px;
}

@media screen and (min-width: 320px) {
  .p-7--fluid {
    padding: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7--fluid {
    padding: 112px;
  }
}

.p-7\.5--fluid {
  padding: 60px;
}

@media screen and (min-width: 320px) {
  .p-7\.5--fluid {
    padding: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7\.5--fluid {
    padding: 120px;
  }
}

.pl-7--fluid {
  padding-left: 56px;
}

@media screen and (min-width: 320px) {
  .pl-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7--fluid {
    padding-left: 112px;
  }
}

.pl-7\.5--fluid {
  padding-left: 60px;
}

@media screen and (min-width: 320px) {
  .pl-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7\.5--fluid {
    padding-left: 120px;
  }
}

.pr-7--fluid {
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .pr-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-7--fluid {
    padding-right: 112px;
  }
}

.pt-7--fluid {
  padding-top: 56px;
}

@media screen and (min-width: 320px) {
  .pt-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7--fluid {
    padding-top: 112px;
  }
}

.pt-7\.5--fluid {
  padding-top: 60px;
}

@media screen and (min-width: 320px) {
  .pt-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7\.5--fluid {
    padding-top: 120px;
  }
}

.pb-7--fluid {
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .pb-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7--fluid {
    padding-bottom: 112px;
  }
}

.pb-7\.5--fluid {
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .pb-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.px-7--fluid {
  padding-left: 56px;
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-right: 112px;
  }
}

.px-7\.5--fluid {
  padding-left: 60px;
  padding-right: 60px;
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-right: 120px;
  }
}

.py-7--fluid {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-bottom: 112px;
  }
}

.py-7\.5--fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.m-7--fluid {
  margin: 56px;
}

@media screen and (min-width: 320px) {
  .m-7--fluid {
    margin: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7--fluid {
    margin: 112px;
  }
}

.m-7\.5--fluid {
  margin: 60px;
}

@media screen and (min-width: 320px) {
  .m-7\.5--fluid {
    margin: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7\.5--fluid {
    margin: 120px;
  }
}

.ml-7--fluid {
  margin-left: 56px;
}

@media screen and (min-width: 320px) {
  .ml-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7--fluid {
    margin-left: 112px;
  }
}

.ml-7\.5--fluid {
  margin-left: 60px;
}

@media screen and (min-width: 320px) {
  .ml-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7\.5--fluid {
    margin-left: 120px;
  }
}

.mr-7--fluid {
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mr-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7--fluid {
    margin-right: 112px;
  }
}

.mr-7\.5--fluid {
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mr-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7\.5--fluid {
    margin-right: 120px;
  }
}

.mt-7--fluid {
  margin-top: 56px;
}

@media screen and (min-width: 320px) {
  .mt-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7--fluid {
    margin-top: 112px;
  }
}

.mt-7\.5--fluid {
  margin-top: 60px;
}

@media screen and (min-width: 320px) {
  .mt-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7\.5--fluid {
    margin-top: 120px;
  }
}

.mb-7--fluid {
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .mb-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7--fluid {
    margin-bottom: 112px;
  }
}

.mb-7\.5--fluid {
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .mb-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.mx-7--fluid {
  margin-left: 56px;
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-right: 112px;
  }
}

.mx-7\.5--fluid {
  margin-left: 60px;
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-right: 120px;
  }
}

.my-7--fluid {
  margin-top: 56px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-bottom: 112px;
  }
}

.my-7\.5--fluid {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.-m-7--fluid {
  margin: -56px;
}

@media screen and (min-width: 320px) {
  .-m-7--fluid {
    margin: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7--fluid {
    margin: -112px;
  }
}

.-m-7\.5--fluid {
  margin: -60px;
}

@media screen and (min-width: 320px) {
  .-m-7\.5--fluid {
    margin: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7\.5--fluid {
    margin: -120px;
  }
}

.-ml-7--fluid {
  margin-left: -56px;
}

@media screen and (min-width: 320px) {
  .-ml-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7--fluid {
    margin-left: -112px;
  }
}

.-ml-7\.5--fluid {
  margin-left: -60px;
}

@media screen and (min-width: 320px) {
  .-ml-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7\.5--fluid {
    margin-left: -120px;
  }
}

.-mr-7--fluid {
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mr-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7--fluid {
    margin-right: -112px;
  }
}

.-mr-7\.5--fluid {
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mr-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mt-7--fluid {
  margin-top: -56px;
}

@media screen and (min-width: 320px) {
  .-mt-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7--fluid {
    margin-top: -112px;
  }
}

.-mt-7\.5--fluid {
  margin-top: -60px;
}

@media screen and (min-width: 320px) {
  .-mt-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7\.5--fluid {
    margin-top: -120px;
  }
}

.-mb-7--fluid {
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-mb-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7--fluid {
    margin-bottom: -112px;
  }
}

.-mb-7\.5--fluid {
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-mb-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mx-7--fluid {
  margin-left: -56px;
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-left: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-right: -112px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-my-7--fluid {
  margin-top: -56px;
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-top: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-bottom: -112px;
  }
}

.-my-7\.5--fluid {
  margin-top: -60px;
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-top: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.p-8--fluid {
  padding: 64px;
}

@media screen and (min-width: 320px) {
  .p-8--fluid {
    padding: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8--fluid {
    padding: 128px;
  }
}

.p-8\.5--fluid {
  padding: 68px;
}

@media screen and (min-width: 320px) {
  .p-8\.5--fluid {
    padding: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8\.5--fluid {
    padding: 136px;
  }
}

.pl-8--fluid {
  padding-left: 64px;
}

@media screen and (min-width: 320px) {
  .pl-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8--fluid {
    padding-left: 128px;
  }
}

.pl-8\.5--fluid {
  padding-left: 68px;
}

@media screen and (min-width: 320px) {
  .pl-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8\.5--fluid {
    padding-left: 136px;
  }
}

.pr-8--fluid {
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .pr-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-8--fluid {
    padding-right: 128px;
  }
}

.pt-8--fluid {
  padding-top: 64px;
}

@media screen and (min-width: 320px) {
  .pt-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8--fluid {
    padding-top: 128px;
  }
}

.pt-8\.5--fluid {
  padding-top: 68px;
}

@media screen and (min-width: 320px) {
  .pt-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8\.5--fluid {
    padding-top: 136px;
  }
}

.pb-8--fluid {
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .pb-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8--fluid {
    padding-bottom: 128px;
  }
}

.pb-8\.5--fluid {
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .pb-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.px-8--fluid {
  padding-left: 64px;
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-right: 128px;
  }
}

.px-8\.5--fluid {
  padding-left: 68px;
  padding-right: 68px;
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-right: 136px;
  }
}

.py-8--fluid {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-bottom: 128px;
  }
}

.py-8\.5--fluid {
  padding-top: 68px;
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.m-8--fluid {
  margin: 64px;
}

@media screen and (min-width: 320px) {
  .m-8--fluid {
    margin: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8--fluid {
    margin: 128px;
  }
}

.m-8\.5--fluid {
  margin: 68px;
}

@media screen and (min-width: 320px) {
  .m-8\.5--fluid {
    margin: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8\.5--fluid {
    margin: 136px;
  }
}

.ml-8--fluid {
  margin-left: 64px;
}

@media screen and (min-width: 320px) {
  .ml-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8--fluid {
    margin-left: 128px;
  }
}

.ml-8\.5--fluid {
  margin-left: 68px;
}

@media screen and (min-width: 320px) {
  .ml-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8\.5--fluid {
    margin-left: 136px;
  }
}

.mr-8--fluid {
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mr-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8--fluid {
    margin-right: 128px;
  }
}

.mr-8\.5--fluid {
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mr-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8\.5--fluid {
    margin-right: 136px;
  }
}

.mt-8--fluid {
  margin-top: 64px;
}

@media screen and (min-width: 320px) {
  .mt-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8--fluid {
    margin-top: 128px;
  }
}

.mt-8\.5--fluid {
  margin-top: 68px;
}

@media screen and (min-width: 320px) {
  .mt-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8\.5--fluid {
    margin-top: 136px;
  }
}

.mb-8--fluid {
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .mb-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8--fluid {
    margin-bottom: 128px;
  }
}

.mb-8\.5--fluid {
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .mb-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.mx-8--fluid {
  margin-left: 64px;
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-right: 128px;
  }
}

.mx-8\.5--fluid {
  margin-left: 68px;
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-right: 136px;
  }
}

.my-8--fluid {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-bottom: 128px;
  }
}

.my-8\.5--fluid {
  margin-top: 68px;
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.-m-8--fluid {
  margin: -64px;
}

@media screen and (min-width: 320px) {
  .-m-8--fluid {
    margin: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8--fluid {
    margin: -128px;
  }
}

.-m-8\.5--fluid {
  margin: -68px;
}

@media screen and (min-width: 320px) {
  .-m-8\.5--fluid {
    margin: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8\.5--fluid {
    margin: -136px;
  }
}

.-ml-8--fluid {
  margin-left: -64px;
}

@media screen and (min-width: 320px) {
  .-ml-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8--fluid {
    margin-left: -128px;
  }
}

.-ml-8\.5--fluid {
  margin-left: -68px;
}

@media screen and (min-width: 320px) {
  .-ml-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8\.5--fluid {
    margin-left: -136px;
  }
}

.-mr-8--fluid {
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mr-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8--fluid {
    margin-right: -128px;
  }
}

.-mr-8\.5--fluid {
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mr-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mt-8--fluid {
  margin-top: -64px;
}

@media screen and (min-width: 320px) {
  .-mt-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8--fluid {
    margin-top: -128px;
  }
}

.-mt-8\.5--fluid {
  margin-top: -68px;
}

@media screen and (min-width: 320px) {
  .-mt-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8\.5--fluid {
    margin-top: -136px;
  }
}

.-mb-8--fluid {
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-mb-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8--fluid {
    margin-bottom: -128px;
  }
}

.-mb-8\.5--fluid {
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-mb-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mx-8--fluid {
  margin-left: -64px;
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-left: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-right: -128px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-my-8--fluid {
  margin-top: -64px;
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-top: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-bottom: -128px;
  }
}

.-my-8\.5--fluid {
  margin-top: -68px;
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-top: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.p-9--fluid {
  padding: 72px;
}

@media screen and (min-width: 320px) {
  .p-9--fluid {
    padding: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9--fluid {
    padding: 144px;
  }
}

.p-9\.5--fluid {
  padding: 76px;
}

@media screen and (min-width: 320px) {
  .p-9\.5--fluid {
    padding: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9\.5--fluid {
    padding: 152px;
  }
}

.pl-9--fluid {
  padding-left: 72px;
}

@media screen and (min-width: 320px) {
  .pl-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9--fluid {
    padding-left: 144px;
  }
}

.pl-9\.5--fluid {
  padding-left: 76px;
}

@media screen and (min-width: 320px) {
  .pl-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9\.5--fluid {
    padding-left: 152px;
  }
}

.pr-9--fluid {
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .pr-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-9--fluid {
    padding-right: 144px;
  }
}

.pt-9--fluid {
  padding-top: 72px;
}

@media screen and (min-width: 320px) {
  .pt-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9--fluid {
    padding-top: 144px;
  }
}

.pt-9\.5--fluid {
  padding-top: 76px;
}

@media screen and (min-width: 320px) {
  .pt-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9\.5--fluid {
    padding-top: 152px;
  }
}

.pb-9--fluid {
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .pb-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9--fluid {
    padding-bottom: 144px;
  }
}

.pb-9\.5--fluid {
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .pb-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.px-9--fluid {
  padding-left: 72px;
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-right: 144px;
  }
}

.px-9\.5--fluid {
  padding-left: 76px;
  padding-right: 76px;
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-right: 152px;
  }
}

.py-9--fluid {
  padding-top: 72px;
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-bottom: 144px;
  }
}

.py-9\.5--fluid {
  padding-top: 76px;
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.m-9--fluid {
  margin: 72px;
}

@media screen and (min-width: 320px) {
  .m-9--fluid {
    margin: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9--fluid {
    margin: 144px;
  }
}

.m-9\.5--fluid {
  margin: 76px;
}

@media screen and (min-width: 320px) {
  .m-9\.5--fluid {
    margin: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9\.5--fluid {
    margin: 152px;
  }
}

.ml-9--fluid {
  margin-left: 72px;
}

@media screen and (min-width: 320px) {
  .ml-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9--fluid {
    margin-left: 144px;
  }
}

.ml-9\.5--fluid {
  margin-left: 76px;
}

@media screen and (min-width: 320px) {
  .ml-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9\.5--fluid {
    margin-left: 152px;
  }
}

.mr-9--fluid {
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mr-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9--fluid {
    margin-right: 144px;
  }
}

.mr-9\.5--fluid {
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mr-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9\.5--fluid {
    margin-right: 152px;
  }
}

.mt-9--fluid {
  margin-top: 72px;
}

@media screen and (min-width: 320px) {
  .mt-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9--fluid {
    margin-top: 144px;
  }
}

.mt-9\.5--fluid {
  margin-top: 76px;
}

@media screen and (min-width: 320px) {
  .mt-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9\.5--fluid {
    margin-top: 152px;
  }
}

.mb-9--fluid {
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .mb-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9--fluid {
    margin-bottom: 144px;
  }
}

.mb-9\.5--fluid {
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .mb-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.mx-9--fluid {
  margin-left: 72px;
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-right: 144px;
  }
}

.mx-9\.5--fluid {
  margin-left: 76px;
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-right: 152px;
  }
}

.my-9--fluid {
  margin-top: 72px;
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-bottom: 144px;
  }
}

.my-9\.5--fluid {
  margin-top: 76px;
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.-m-9--fluid {
  margin: -72px;
}

@media screen and (min-width: 320px) {
  .-m-9--fluid {
    margin: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9--fluid {
    margin: -144px;
  }
}

.-m-9\.5--fluid {
  margin: -76px;
}

@media screen and (min-width: 320px) {
  .-m-9\.5--fluid {
    margin: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9\.5--fluid {
    margin: -152px;
  }
}

.-ml-9--fluid {
  margin-left: -72px;
}

@media screen and (min-width: 320px) {
  .-ml-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9--fluid {
    margin-left: -144px;
  }
}

.-ml-9\.5--fluid {
  margin-left: -76px;
}

@media screen and (min-width: 320px) {
  .-ml-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9\.5--fluid {
    margin-left: -152px;
  }
}

.-mr-9--fluid {
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mr-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9--fluid {
    margin-right: -144px;
  }
}

.-mr-9\.5--fluid {
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mr-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mt-9--fluid {
  margin-top: -72px;
}

@media screen and (min-width: 320px) {
  .-mt-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9--fluid {
    margin-top: -144px;
  }
}

.-mt-9\.5--fluid {
  margin-top: -76px;
}

@media screen and (min-width: 320px) {
  .-mt-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9\.5--fluid {
    margin-top: -152px;
  }
}

.-mb-9--fluid {
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-mb-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9--fluid {
    margin-bottom: -144px;
  }
}

.-mb-9\.5--fluid {
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-mb-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mx-9--fluid {
  margin-left: -72px;
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-left: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-right: -144px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-my-9--fluid {
  margin-top: -72px;
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-top: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-bottom: -144px;
  }
}

.-my-9\.5--fluid {
  margin-top: -76px;
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-top: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.p-10--fluid {
  padding: 80px;
}

@media screen and (min-width: 320px) {
  .p-10--fluid {
    padding: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10--fluid {
    padding: 160px;
  }
}

.p-10\.5--fluid {
  padding: 84px;
}

@media screen and (min-width: 320px) {
  .p-10\.5--fluid {
    padding: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10\.5--fluid {
    padding: 168px;
  }
}

.pl-10--fluid {
  padding-left: 80px;
}

@media screen and (min-width: 320px) {
  .pl-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10--fluid {
    padding-left: 160px;
  }
}

.pl-10\.5--fluid {
  padding-left: 84px;
}

@media screen and (min-width: 320px) {
  .pl-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10\.5--fluid {
    padding-left: 168px;
  }
}

.pr-10--fluid {
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .pr-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-10--fluid {
    padding-right: 160px;
  }
}

.pt-10--fluid {
  padding-top: 80px;
}

@media screen and (min-width: 320px) {
  .pt-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10--fluid {
    padding-top: 160px;
  }
}

.pt-10\.5--fluid {
  padding-top: 84px;
}

@media screen and (min-width: 320px) {
  .pt-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10\.5--fluid {
    padding-top: 168px;
  }
}

.pb-10--fluid {
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .pb-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10--fluid {
    padding-bottom: 160px;
  }
}

.pb-10\.5--fluid {
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .pb-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.px-10--fluid {
  padding-left: 80px;
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-right: 160px;
  }
}

.px-10\.5--fluid {
  padding-left: 84px;
  padding-right: 84px;
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-right: 168px;
  }
}

.py-10--fluid {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-bottom: 160px;
  }
}

.py-10\.5--fluid {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.m-10--fluid {
  margin: 80px;
}

@media screen and (min-width: 320px) {
  .m-10--fluid {
    margin: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10--fluid {
    margin: 160px;
  }
}

.m-10\.5--fluid {
  margin: 84px;
}

@media screen and (min-width: 320px) {
  .m-10\.5--fluid {
    margin: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10\.5--fluid {
    margin: 168px;
  }
}

.ml-10--fluid {
  margin-left: 80px;
}

@media screen and (min-width: 320px) {
  .ml-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10--fluid {
    margin-left: 160px;
  }
}

.ml-10\.5--fluid {
  margin-left: 84px;
}

@media screen and (min-width: 320px) {
  .ml-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10\.5--fluid {
    margin-left: 168px;
  }
}

.mr-10--fluid {
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mr-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10--fluid {
    margin-right: 160px;
  }
}

.mr-10\.5--fluid {
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mr-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10\.5--fluid {
    margin-right: 168px;
  }
}

.mt-10--fluid {
  margin-top: 80px;
}

@media screen and (min-width: 320px) {
  .mt-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10--fluid {
    margin-top: 160px;
  }
}

.mt-10\.5--fluid {
  margin-top: 84px;
}

@media screen and (min-width: 320px) {
  .mt-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10\.5--fluid {
    margin-top: 168px;
  }
}

.mb-10--fluid {
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .mb-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10--fluid {
    margin-bottom: 160px;
  }
}

.mb-10\.5--fluid {
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .mb-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.mx-10--fluid {
  margin-left: 80px;
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-right: 160px;
  }
}

.mx-10\.5--fluid {
  margin-left: 84px;
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-right: 168px;
  }
}

.my-10--fluid {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-bottom: 160px;
  }
}

.my-10\.5--fluid {
  margin-top: 84px;
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.-m-10--fluid {
  margin: -80px;
}

@media screen and (min-width: 320px) {
  .-m-10--fluid {
    margin: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10--fluid {
    margin: -160px;
  }
}

.-m-10\.5--fluid {
  margin: -84px;
}

@media screen and (min-width: 320px) {
  .-m-10\.5--fluid {
    margin: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10\.5--fluid {
    margin: -168px;
  }
}

.-ml-10--fluid {
  margin-left: -80px;
}

@media screen and (min-width: 320px) {
  .-ml-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10--fluid {
    margin-left: -160px;
  }
}

.-ml-10\.5--fluid {
  margin-left: -84px;
}

@media screen and (min-width: 320px) {
  .-ml-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10\.5--fluid {
    margin-left: -168px;
  }
}

.-mr-10--fluid {
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mr-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10--fluid {
    margin-right: -160px;
  }
}

.-mr-10\.5--fluid {
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mr-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mt-10--fluid {
  margin-top: -80px;
}

@media screen and (min-width: 320px) {
  .-mt-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10--fluid {
    margin-top: -160px;
  }
}

.-mt-10\.5--fluid {
  margin-top: -84px;
}

@media screen and (min-width: 320px) {
  .-mt-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10\.5--fluid {
    margin-top: -168px;
  }
}

.-mb-10--fluid {
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-mb-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10--fluid {
    margin-bottom: -160px;
  }
}

.-mb-10\.5--fluid {
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-mb-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mx-10--fluid {
  margin-left: -80px;
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-left: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-right: -160px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-my-10--fluid {
  margin-top: -80px;
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-top: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-bottom: -160px;
  }
}

.-my-10\.5--fluid {
  margin-top: -84px;
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-top: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.p-11--fluid {
  padding: 88px;
}

@media screen and (min-width: 320px) {
  .p-11--fluid {
    padding: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11--fluid {
    padding: 176px;
  }
}

.p-11\.5--fluid {
  padding: 92px;
}

@media screen and (min-width: 320px) {
  .p-11\.5--fluid {
    padding: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11\.5--fluid {
    padding: 184px;
  }
}

.pl-11--fluid {
  padding-left: 88px;
}

@media screen and (min-width: 320px) {
  .pl-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11--fluid {
    padding-left: 176px;
  }
}

.pl-11\.5--fluid {
  padding-left: 92px;
}

@media screen and (min-width: 320px) {
  .pl-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11\.5--fluid {
    padding-left: 184px;
  }
}

.pr-11--fluid {
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .pr-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-11--fluid {
    padding-right: 176px;
  }
}

.pt-11--fluid {
  padding-top: 88px;
}

@media screen and (min-width: 320px) {
  .pt-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11--fluid {
    padding-top: 176px;
  }
}

.pt-11\.5--fluid {
  padding-top: 92px;
}

@media screen and (min-width: 320px) {
  .pt-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11\.5--fluid {
    padding-top: 184px;
  }
}

.pb-11--fluid {
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .pb-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11--fluid {
    padding-bottom: 176px;
  }
}

.pb-11\.5--fluid {
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .pb-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.px-11--fluid {
  padding-left: 88px;
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-right: 176px;
  }
}

.px-11\.5--fluid {
  padding-left: 92px;
  padding-right: 92px;
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-right: 184px;
  }
}

.py-11--fluid {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-bottom: 176px;
  }
}

.py-11\.5--fluid {
  padding-top: 92px;
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.m-11--fluid {
  margin: 88px;
}

@media screen and (min-width: 320px) {
  .m-11--fluid {
    margin: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11--fluid {
    margin: 176px;
  }
}

.m-11\.5--fluid {
  margin: 92px;
}

@media screen and (min-width: 320px) {
  .m-11\.5--fluid {
    margin: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11\.5--fluid {
    margin: 184px;
  }
}

.ml-11--fluid {
  margin-left: 88px;
}

@media screen and (min-width: 320px) {
  .ml-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11--fluid {
    margin-left: 176px;
  }
}

.ml-11\.5--fluid {
  margin-left: 92px;
}

@media screen and (min-width: 320px) {
  .ml-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11\.5--fluid {
    margin-left: 184px;
  }
}

.mr-11--fluid {
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mr-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11--fluid {
    margin-right: 176px;
  }
}

.mr-11\.5--fluid {
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mr-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11\.5--fluid {
    margin-right: 184px;
  }
}

.mt-11--fluid {
  margin-top: 88px;
}

@media screen and (min-width: 320px) {
  .mt-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11--fluid {
    margin-top: 176px;
  }
}

.mt-11\.5--fluid {
  margin-top: 92px;
}

@media screen and (min-width: 320px) {
  .mt-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11\.5--fluid {
    margin-top: 184px;
  }
}

.mb-11--fluid {
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .mb-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11--fluid {
    margin-bottom: 176px;
  }
}

.mb-11\.5--fluid {
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .mb-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.mx-11--fluid {
  margin-left: 88px;
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-right: 176px;
  }
}

.mx-11\.5--fluid {
  margin-left: 92px;
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-right: 184px;
  }
}

.my-11--fluid {
  margin-top: 88px;
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-bottom: 176px;
  }
}

.my-11\.5--fluid {
  margin-top: 92px;
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.-m-11--fluid {
  margin: -88px;
}

@media screen and (min-width: 320px) {
  .-m-11--fluid {
    margin: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11--fluid {
    margin: -176px;
  }
}

.-m-11\.5--fluid {
  margin: -92px;
}

@media screen and (min-width: 320px) {
  .-m-11\.5--fluid {
    margin: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11\.5--fluid {
    margin: -184px;
  }
}

.-ml-11--fluid {
  margin-left: -88px;
}

@media screen and (min-width: 320px) {
  .-ml-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11--fluid {
    margin-left: -176px;
  }
}

.-ml-11\.5--fluid {
  margin-left: -92px;
}

@media screen and (min-width: 320px) {
  .-ml-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11\.5--fluid {
    margin-left: -184px;
  }
}

.-mr-11--fluid {
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mr-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11--fluid {
    margin-right: -176px;
  }
}

.-mr-11\.5--fluid {
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mr-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mt-11--fluid {
  margin-top: -88px;
}

@media screen and (min-width: 320px) {
  .-mt-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11--fluid {
    margin-top: -176px;
  }
}

.-mt-11\.5--fluid {
  margin-top: -92px;
}

@media screen and (min-width: 320px) {
  .-mt-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11\.5--fluid {
    margin-top: -184px;
  }
}

.-mb-11--fluid {
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-mb-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11--fluid {
    margin-bottom: -176px;
  }
}

.-mb-11\.5--fluid {
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-mb-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11\.5--fluid {
    margin-bottom: -184px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mx-11--fluid {
  margin-left: -88px;
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-left: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-right: -176px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-my-11--fluid {
  margin-top: -88px;
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-top: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-bottom: -176px;
  }
}

.-my-11\.5--fluid {
  margin-top: -92px;
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-top: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-bottom: -184px;
  }
}

@media (min-width: 800px) {
  .m\:w-1\/6 {
    width: calc(1 / 6 * 100%);
  }

  .m\:offset-1\/6 {
    margin-left: calc(1 / 6 * 100%);
  }

  .m\:push-left-1\/6 {
    left: calc(1 / 6 * 100%);
  }

  .m\:pull-left-1\/6 {
    left: calc(1 / 6 * -100%);
  }

  .m\:push-right-1\/6 {
    right: calc(1 / 6 * 100%);
  }

  .m\:pull-right-1\/6 {
    right: calc(1 / 6 * -100%);
  }

  .m\:w-2\/6 {
    width: calc(2 / 6 * 100%);
  }

  .m\:offset-2\/6 {
    margin-left: calc(2 / 6 * 100%);
  }

  .m\:push-left-2\/6 {
    left: calc(2 / 6 * 100%);
  }

  .m\:pull-left-2\/6 {
    left: calc(2 / 6 * -100%);
  }

  .m\:push-right-2\/6 {
    right: calc(2 / 6 * 100%);
  }

  .m\:pull-right-2\/6 {
    right: calc(2 / 6 * -100%);
  }

  .m\:w-3\/6 {
    width: calc(3 / 6 * 100%);
  }

  .m\:offset-3\/6 {
    margin-left: calc(3 / 6 * 100%);
  }

  .m\:push-left-3\/6 {
    left: calc(3 / 6 * 100%);
  }

  .m\:pull-left-3\/6 {
    left: calc(3 / 6 * -100%);
  }

  .m\:push-right-3\/6 {
    right: calc(3 / 6 * 100%);
  }

  .m\:pull-right-3\/6 {
    right: calc(3 / 6 * -100%);
  }

  .m\:w-4\/6 {
    width: calc(4 / 6 * 100%);
  }

  .m\:offset-4\/6 {
    margin-left: calc(4 / 6 * 100%);
  }

  .m\:push-left-4\/6 {
    left: calc(4 / 6 * 100%);
  }

  .m\:pull-left-4\/6 {
    left: calc(4 / 6 * -100%);
  }

  .m\:push-right-4\/6 {
    right: calc(4 / 6 * 100%);
  }

  .m\:pull-right-4\/6 {
    right: calc(4 / 6 * -100%);
  }

  .m\:w-5\/6 {
    width: calc(5 / 6 * 100%);
  }

  .m\:offset-5\/6 {
    margin-left: calc(5 / 6 * 100%);
  }

  .m\:push-left-5\/6 {
    left: calc(5 / 6 * 100%);
  }

  .m\:pull-left-5\/6 {
    left: calc(5 / 6 * -100%);
  }

  .m\:push-right-5\/6 {
    right: calc(5 / 6 * 100%);
  }

  .m\:pull-right-5\/6 {
    right: calc(5 / 6 * -100%);
  }

  .m\:w-6\/6 {
    width: calc(6 / 6 * 100%);
  }

  .m\:offset-6\/6 {
    margin-left: calc(6 / 6 * 100%);
  }

  .m\:push-left-6\/6 {
    left: calc(6 / 6 * 100%);
  }

  .m\:pull-left-6\/6 {
    left: calc(6 / 6 * -100%);
  }

  .m\:push-right-6\/6 {
    right: calc(6 / 6 * 100%);
  }

  .m\:pull-right-6\/6 {
    right: calc(6 / 6 * -100%);
  }

  .m\:w-1\/12 {
    width: calc(1 / 12 * 100%);
  }

  .m\:offset-1\/12 {
    margin-left: calc(1 / 12 * 100%);
  }

  .m\:push-left-1\/12 {
    left: calc(1 / 12 * 100%);
  }

  .m\:pull-left-1\/12 {
    left: calc(1 / 12 * -100%);
  }

  .m\:push-right-1\/12 {
    right: calc(1 / 12 * 100%);
  }

  .m\:pull-right-1\/12 {
    right: calc(1 / 12 * -100%);
  }

  .m\:w-2\/12 {
    width: calc(2 / 12 * 100%);
  }

  .m\:offset-2\/12 {
    margin-left: calc(2 / 12 * 100%);
  }

  .m\:push-left-2\/12 {
    left: calc(2 / 12 * 100%);
  }

  .m\:pull-left-2\/12 {
    left: calc(2 / 12 * -100%);
  }

  .m\:push-right-2\/12 {
    right: calc(2 / 12 * 100%);
  }

  .m\:pull-right-2\/12 {
    right: calc(2 / 12 * -100%);
  }

  .m\:w-3\/12 {
    width: calc(3 / 12 * 100%);
  }

  .m\:offset-3\/12 {
    margin-left: calc(3 / 12 * 100%);
  }

  .m\:push-left-3\/12 {
    left: calc(3 / 12 * 100%);
  }

  .m\:pull-left-3\/12 {
    left: calc(3 / 12 * -100%);
  }

  .m\:push-right-3\/12 {
    right: calc(3 / 12 * 100%);
  }

  .m\:pull-right-3\/12 {
    right: calc(3 / 12 * -100%);
  }

  .m\:w-4\/12 {
    width: calc(4 / 12 * 100%);
  }

  .m\:offset-4\/12 {
    margin-left: calc(4 / 12 * 100%);
  }

  .m\:push-left-4\/12 {
    left: calc(4 / 12 * 100%);
  }

  .m\:pull-left-4\/12 {
    left: calc(4 / 12 * -100%);
  }

  .m\:push-right-4\/12 {
    right: calc(4 / 12 * 100%);
  }

  .m\:pull-right-4\/12 {
    right: calc(4 / 12 * -100%);
  }

  .m\:w-5\/12 {
    width: calc(5 / 12 * 100%);
  }

  .m\:offset-5\/12 {
    margin-left: calc(5 / 12 * 100%);
  }

  .m\:push-left-5\/12 {
    left: calc(5 / 12 * 100%);
  }

  .m\:pull-left-5\/12 {
    left: calc(5 / 12 * -100%);
  }

  .m\:push-right-5\/12 {
    right: calc(5 / 12 * 100%);
  }

  .m\:pull-right-5\/12 {
    right: calc(5 / 12 * -100%);
  }

  .m\:w-6\/12 {
    width: calc(6 / 12 * 100%);
  }

  .m\:offset-6\/12 {
    margin-left: calc(6 / 12 * 100%);
  }

  .m\:push-left-6\/12 {
    left: calc(6 / 12 * 100%);
  }

  .m\:pull-left-6\/12 {
    left: calc(6 / 12 * -100%);
  }

  .m\:push-right-6\/12 {
    right: calc(6 / 12 * 100%);
  }

  .m\:pull-right-6\/12 {
    right: calc(6 / 12 * -100%);
  }

  .m\:w-7\/12 {
    width: calc(7 / 12 * 100%);
  }

  .m\:offset-7\/12 {
    margin-left: calc(7 / 12 * 100%);
  }

  .m\:push-left-7\/12 {
    left: calc(7 / 12 * 100%);
  }

  .m\:pull-left-7\/12 {
    left: calc(7 / 12 * -100%);
  }

  .m\:push-right-7\/12 {
    right: calc(7 / 12 * 100%);
  }

  .m\:pull-right-7\/12 {
    right: calc(7 / 12 * -100%);
  }

  .m\:w-8\/12 {
    width: calc(8 / 12 * 100%);
  }

  .m\:offset-8\/12 {
    margin-left: calc(8 / 12 * 100%);
  }

  .m\:push-left-8\/12 {
    left: calc(8 / 12 * 100%);
  }

  .m\:pull-left-8\/12 {
    left: calc(8 / 12 * -100%);
  }

  .m\:push-right-8\/12 {
    right: calc(8 / 12 * 100%);
  }

  .m\:pull-right-8\/12 {
    right: calc(8 / 12 * -100%);
  }

  .m\:w-9\/12 {
    width: calc(9 / 12 * 100%);
  }

  .m\:offset-9\/12 {
    margin-left: calc(9 / 12 * 100%);
  }

  .m\:push-left-9\/12 {
    left: calc(9 / 12 * 100%);
  }

  .m\:pull-left-9\/12 {
    left: calc(9 / 12 * -100%);
  }

  .m\:push-right-9\/12 {
    right: calc(9 / 12 * 100%);
  }

  .m\:pull-right-9\/12 {
    right: calc(9 / 12 * -100%);
  }

  .m\:w-10\/12 {
    width: calc(10 / 12 * 100%);
  }

  .m\:offset-10\/12 {
    margin-left: calc(10 / 12 * 100%);
  }

  .m\:push-left-10\/12 {
    left: calc(10 / 12 * 100%);
  }

  .m\:pull-left-10\/12 {
    left: calc(10 / 12 * -100%);
  }

  .m\:push-right-10\/12 {
    right: calc(10 / 12 * 100%);
  }

  .m\:pull-right-10\/12 {
    right: calc(10 / 12 * -100%);
  }

  .m\:w-11\/12 {
    width: calc(11 / 12 * 100%);
  }

  .m\:offset-11\/12 {
    margin-left: calc(11 / 12 * 100%);
  }

  .m\:push-left-11\/12 {
    left: calc(11 / 12 * 100%);
  }

  .m\:pull-left-11\/12 {
    left: calc(11 / 12 * -100%);
  }

  .m\:push-right-11\/12 {
    right: calc(11 / 12 * 100%);
  }

  .m\:pull-right-11\/12 {
    right: calc(11 / 12 * -100%);
  }

  .m\:w-12\/12 {
    width: calc(12 / 12 * 100%);
  }

  .m\:offset-12\/12 {
    margin-left: calc(12 / 12 * 100%);
  }

  .m\:push-left-12\/12 {
    left: calc(12 / 12 * 100%);
  }

  .m\:pull-left-12\/12 {
    left: calc(12 / 12 * -100%);
  }

  .m\:push-right-12\/12 {
    right: calc(12 / 12 * 100%);
  }

  .m\:pull-right-12\/12 {
    right: calc(12 / 12 * -100%);
  }

  .m\:w-1\/24 {
    width: calc(1 / 24 * 100%);
  }

  .m\:offset-1\/24 {
    margin-left: calc(1 / 24 * 100%);
  }

  .m\:push-left-1\/24 {
    left: calc(1 / 24 * 100%);
  }

  .m\:pull-left-1\/24 {
    left: calc(1 / 24 * -100%);
  }

  .m\:push-right-1\/24 {
    right: calc(1 / 24 * 100%);
  }

  .m\:pull-right-1\/24 {
    right: calc(1 / 24 * -100%);
  }

  .m\:w-2\/24 {
    width: calc(2 / 24 * 100%);
  }

  .m\:offset-2\/24 {
    margin-left: calc(2 / 24 * 100%);
  }

  .m\:push-left-2\/24 {
    left: calc(2 / 24 * 100%);
  }

  .m\:pull-left-2\/24 {
    left: calc(2 / 24 * -100%);
  }

  .m\:push-right-2\/24 {
    right: calc(2 / 24 * 100%);
  }

  .m\:pull-right-2\/24 {
    right: calc(2 / 24 * -100%);
  }

  .m\:w-3\/24 {
    width: calc(3 / 24 * 100%);
  }

  .m\:offset-3\/24 {
    margin-left: calc(3 / 24 * 100%);
  }

  .m\:push-left-3\/24 {
    left: calc(3 / 24 * 100%);
  }

  .m\:pull-left-3\/24 {
    left: calc(3 / 24 * -100%);
  }

  .m\:push-right-3\/24 {
    right: calc(3 / 24 * 100%);
  }

  .m\:pull-right-3\/24 {
    right: calc(3 / 24 * -100%);
  }

  .m\:w-4\/24 {
    width: calc(4 / 24 * 100%);
  }

  .m\:offset-4\/24 {
    margin-left: calc(4 / 24 * 100%);
  }

  .m\:push-left-4\/24 {
    left: calc(4 / 24 * 100%);
  }

  .m\:pull-left-4\/24 {
    left: calc(4 / 24 * -100%);
  }

  .m\:push-right-4\/24 {
    right: calc(4 / 24 * 100%);
  }

  .m\:pull-right-4\/24 {
    right: calc(4 / 24 * -100%);
  }

  .m\:w-5\/24 {
    width: calc(5 / 24 * 100%);
  }

  .m\:offset-5\/24 {
    margin-left: calc(5 / 24 * 100%);
  }

  .m\:push-left-5\/24 {
    left: calc(5 / 24 * 100%);
  }

  .m\:pull-left-5\/24 {
    left: calc(5 / 24 * -100%);
  }

  .m\:push-right-5\/24 {
    right: calc(5 / 24 * 100%);
  }

  .m\:pull-right-5\/24 {
    right: calc(5 / 24 * -100%);
  }

  .m\:w-6\/24 {
    width: calc(6 / 24 * 100%);
  }

  .m\:offset-6\/24 {
    margin-left: calc(6 / 24 * 100%);
  }

  .m\:push-left-6\/24 {
    left: calc(6 / 24 * 100%);
  }

  .m\:pull-left-6\/24 {
    left: calc(6 / 24 * -100%);
  }

  .m\:push-right-6\/24 {
    right: calc(6 / 24 * 100%);
  }

  .m\:pull-right-6\/24 {
    right: calc(6 / 24 * -100%);
  }

  .m\:w-7\/24 {
    width: calc(7 / 24 * 100%);
  }

  .m\:offset-7\/24 {
    margin-left: calc(7 / 24 * 100%);
  }

  .m\:push-left-7\/24 {
    left: calc(7 / 24 * 100%);
  }

  .m\:pull-left-7\/24 {
    left: calc(7 / 24 * -100%);
  }

  .m\:push-right-7\/24 {
    right: calc(7 / 24 * 100%);
  }

  .m\:pull-right-7\/24 {
    right: calc(7 / 24 * -100%);
  }

  .m\:w-8\/24 {
    width: calc(8 / 24 * 100%);
  }

  .m\:offset-8\/24 {
    margin-left: calc(8 / 24 * 100%);
  }

  .m\:push-left-8\/24 {
    left: calc(8 / 24 * 100%);
  }

  .m\:pull-left-8\/24 {
    left: calc(8 / 24 * -100%);
  }

  .m\:push-right-8\/24 {
    right: calc(8 / 24 * 100%);
  }

  .m\:pull-right-8\/24 {
    right: calc(8 / 24 * -100%);
  }

  .m\:w-9\/24 {
    width: calc(9 / 24 * 100%);
  }

  .m\:offset-9\/24 {
    margin-left: calc(9 / 24 * 100%);
  }

  .m\:push-left-9\/24 {
    left: calc(9 / 24 * 100%);
  }

  .m\:pull-left-9\/24 {
    left: calc(9 / 24 * -100%);
  }

  .m\:push-right-9\/24 {
    right: calc(9 / 24 * 100%);
  }

  .m\:pull-right-9\/24 {
    right: calc(9 / 24 * -100%);
  }

  .m\:w-10\/24 {
    width: calc(10 / 24 * 100%);
  }

  .m\:offset-10\/24 {
    margin-left: calc(10 / 24 * 100%);
  }

  .m\:push-left-10\/24 {
    left: calc(10 / 24 * 100%);
  }

  .m\:pull-left-10\/24 {
    left: calc(10 / 24 * -100%);
  }

  .m\:push-right-10\/24 {
    right: calc(10 / 24 * 100%);
  }

  .m\:pull-right-10\/24 {
    right: calc(10 / 24 * -100%);
  }

  .m\:w-11\/24 {
    width: calc(11 / 24 * 100%);
  }

  .m\:offset-11\/24 {
    margin-left: calc(11 / 24 * 100%);
  }

  .m\:push-left-11\/24 {
    left: calc(11 / 24 * 100%);
  }

  .m\:pull-left-11\/24 {
    left: calc(11 / 24 * -100%);
  }

  .m\:push-right-11\/24 {
    right: calc(11 / 24 * 100%);
  }

  .m\:pull-right-11\/24 {
    right: calc(11 / 24 * -100%);
  }

  .m\:w-12\/24 {
    width: calc(12 / 24 * 100%);
  }

  .m\:offset-12\/24 {
    margin-left: calc(12 / 24 * 100%);
  }

  .m\:push-left-12\/24 {
    left: calc(12 / 24 * 100%);
  }

  .m\:pull-left-12\/24 {
    left: calc(12 / 24 * -100%);
  }

  .m\:push-right-12\/24 {
    right: calc(12 / 24 * 100%);
  }

  .m\:pull-right-12\/24 {
    right: calc(12 / 24 * -100%);
  }

  .m\:w-13\/24 {
    width: calc(13 / 24 * 100%);
  }

  .m\:offset-13\/24 {
    margin-left: calc(13 / 24 * 100%);
  }

  .m\:push-left-13\/24 {
    left: calc(13 / 24 * 100%);
  }

  .m\:pull-left-13\/24 {
    left: calc(13 / 24 * -100%);
  }

  .m\:push-right-13\/24 {
    right: calc(13 / 24 * 100%);
  }

  .m\:pull-right-13\/24 {
    right: calc(13 / 24 * -100%);
  }

  .m\:w-14\/24 {
    width: calc(14 / 24 * 100%);
  }

  .m\:offset-14\/24 {
    margin-left: calc(14 / 24 * 100%);
  }

  .m\:push-left-14\/24 {
    left: calc(14 / 24 * 100%);
  }

  .m\:pull-left-14\/24 {
    left: calc(14 / 24 * -100%);
  }

  .m\:push-right-14\/24 {
    right: calc(14 / 24 * 100%);
  }

  .m\:pull-right-14\/24 {
    right: calc(14 / 24 * -100%);
  }

  .m\:w-15\/24 {
    width: calc(15 / 24 * 100%);
  }

  .m\:offset-15\/24 {
    margin-left: calc(15 / 24 * 100%);
  }

  .m\:push-left-15\/24 {
    left: calc(15 / 24 * 100%);
  }

  .m\:pull-left-15\/24 {
    left: calc(15 / 24 * -100%);
  }

  .m\:push-right-15\/24 {
    right: calc(15 / 24 * 100%);
  }

  .m\:pull-right-15\/24 {
    right: calc(15 / 24 * -100%);
  }

  .m\:w-16\/24 {
    width: calc(16 / 24 * 100%);
  }

  .m\:offset-16\/24 {
    margin-left: calc(16 / 24 * 100%);
  }

  .m\:push-left-16\/24 {
    left: calc(16 / 24 * 100%);
  }

  .m\:pull-left-16\/24 {
    left: calc(16 / 24 * -100%);
  }

  .m\:push-right-16\/24 {
    right: calc(16 / 24 * 100%);
  }

  .m\:pull-right-16\/24 {
    right: calc(16 / 24 * -100%);
  }

  .m\:w-17\/24 {
    width: calc(17 / 24 * 100%);
  }

  .m\:offset-17\/24 {
    margin-left: calc(17 / 24 * 100%);
  }

  .m\:push-left-17\/24 {
    left: calc(17 / 24 * 100%);
  }

  .m\:pull-left-17\/24 {
    left: calc(17 / 24 * -100%);
  }

  .m\:push-right-17\/24 {
    right: calc(17 / 24 * 100%);
  }

  .m\:pull-right-17\/24 {
    right: calc(17 / 24 * -100%);
  }

  .m\:w-18\/24 {
    width: calc(18 / 24 * 100%);
  }

  .m\:offset-18\/24 {
    margin-left: calc(18 / 24 * 100%);
  }

  .m\:push-left-18\/24 {
    left: calc(18 / 24 * 100%);
  }

  .m\:pull-left-18\/24 {
    left: calc(18 / 24 * -100%);
  }

  .m\:push-right-18\/24 {
    right: calc(18 / 24 * 100%);
  }

  .m\:pull-right-18\/24 {
    right: calc(18 / 24 * -100%);
  }

  .m\:w-19\/24 {
    width: calc(19 / 24 * 100%);
  }

  .m\:offset-19\/24 {
    margin-left: calc(19 / 24 * 100%);
  }

  .m\:push-left-19\/24 {
    left: calc(19 / 24 * 100%);
  }

  .m\:pull-left-19\/24 {
    left: calc(19 / 24 * -100%);
  }

  .m\:push-right-19\/24 {
    right: calc(19 / 24 * 100%);
  }

  .m\:pull-right-19\/24 {
    right: calc(19 / 24 * -100%);
  }

  .m\:w-20\/24 {
    width: calc(20 / 24 * 100%);
  }

  .m\:offset-20\/24 {
    margin-left: calc(20 / 24 * 100%);
  }

  .m\:push-left-20\/24 {
    left: calc(20 / 24 * 100%);
  }

  .m\:pull-left-20\/24 {
    left: calc(20 / 24 * -100%);
  }

  .m\:push-right-20\/24 {
    right: calc(20 / 24 * 100%);
  }

  .m\:pull-right-20\/24 {
    right: calc(20 / 24 * -100%);
  }

  .m\:w-21\/24 {
    width: calc(21 / 24 * 100%);
  }

  .m\:offset-21\/24 {
    margin-left: calc(21 / 24 * 100%);
  }

  .m\:push-left-21\/24 {
    left: calc(21 / 24 * 100%);
  }

  .m\:pull-left-21\/24 {
    left: calc(21 / 24 * -100%);
  }

  .m\:push-right-21\/24 {
    right: calc(21 / 24 * 100%);
  }

  .m\:pull-right-21\/24 {
    right: calc(21 / 24 * -100%);
  }

  .m\:w-22\/24 {
    width: calc(22 / 24 * 100%);
  }

  .m\:offset-22\/24 {
    margin-left: calc(22 / 24 * 100%);
  }

  .m\:push-left-22\/24 {
    left: calc(22 / 24 * 100%);
  }

  .m\:pull-left-22\/24 {
    left: calc(22 / 24 * -100%);
  }

  .m\:push-right-22\/24 {
    right: calc(22 / 24 * 100%);
  }

  .m\:pull-right-22\/24 {
    right: calc(22 / 24 * -100%);
  }

  .m\:w-23\/24 {
    width: calc(23 / 24 * 100%);
  }

  .m\:offset-23\/24 {
    margin-left: calc(23 / 24 * 100%);
  }

  .m\:push-left-23\/24 {
    left: calc(23 / 24 * 100%);
  }

  .m\:pull-left-23\/24 {
    left: calc(23 / 24 * -100%);
  }

  .m\:push-right-23\/24 {
    right: calc(23 / 24 * 100%);
  }

  .m\:pull-right-23\/24 {
    right: calc(23 / 24 * -100%);
  }

  .m\:w-24\/24 {
    width: calc(24 / 24 * 100%);
  }

  .m\:offset-24\/24 {
    margin-left: calc(24 / 24 * 100%);
  }

  .m\:push-left-24\/24 {
    left: calc(24 / 24 * 100%);
  }

  .m\:pull-left-24\/24 {
    left: calc(24 / 24 * -100%);
  }

  .m\:push-right-24\/24 {
    right: calc(24 / 24 * 100%);
  }

  .m\:pull-right-24\/24 {
    right: calc(24 / 24 * -100%);
  }

  .m\:w-800px {
    width: 8px;
  }

  .m\:w-800px {
    width: 16px;
  }

  .m\:w-800px {
    width: 24px;
  }

  .m\:w-800px {
    width: 32px;
  }

  .m\:w-800px {
    width: 40px;
  }

  .m\:w-800px {
    width: 48px;
  }

  .m\:w-800px {
    width: 56px;
  }

  .m\:w-800px {
    width: 64px;
  }

  .m\:w-800px {
    width: 72px;
  }

  .m\:w-800px {
    width: 80px;
  }

  .m\:w-800px {
    width: 88px;
  }

  .m\:w-800px {
    width: 96px;
  }

  .m\:w-800px {
    width: 104px;
  }

  .m\:w-800px {
    width: 112px;
  }

  .m\:w-800px {
    width: 120px;
  }

  .m\:w-800px {
    width: 128px;
  }

  .m\:w-800px {
    width: 136px;
  }

  .m\:w-800px {
    width: 144px;
  }

  .m\:w-800px {
    width: 152px;
  }

  .m\:w-800px {
    width: 160px;
  }

  .m\:w-800px {
    width: 168px;
  }

  .m\:w-800px {
    width: 176px;
  }

  .m\:w-800px {
    width: 184px;
  }

  .m\:w-800px {
    width: 192px;
  }

  .m\:w-800px {
    width: 200px;
  }

  .m\:w-800px {
    width: 208px;
  }

  .m\:w-800px {
    width: 216px;
  }

  .m\:w-800px {
    width: 224px;
  }

  .m\:w-800px {
    width: 232px;
  }

  .m\:w-800px {
    width: 240px;
  }

  .m\:w-800px {
    width: 248px;
  }

  .m\:w-800px {
    width: 256px;
  }

  .m\:w-screen {
    width: 100vw;
  }

  .m\:w-full {
    width: 100%;
  }

  .m\:min-w-0 {
    min-width: 0;
  }

  .m\:min-w-full {
    min-width: 100%;
  }

  .m\:h-800px {
    height: 8px;
  }

  .m\:h-800px {
    height: 16px;
  }

  .m\:h-800px {
    height: 24px;
  }

  .m\:h-800px {
    height: 32px;
  }

  .m\:h-800px {
    height: 40px;
  }

  .m\:h-800px {
    height: 48px;
  }

  .m\:h-800px {
    height: 56px;
  }

  .m\:h-800px {
    height: 64px;
  }

  .m\:h-800px {
    height: 72px;
  }

  .m\:h-800px {
    height: 80px;
  }

  .m\:h-800px {
    height: 88px;
  }

  .m\:h-800px {
    height: 96px;
  }

  .m\:h-800px {
    height: 104px;
  }

  .m\:h-800px {
    height: 112px;
  }

  .m\:h-800px {
    height: 120px;
  }

  .m\:h-800px {
    height: 128px;
  }

  .m\:h-800px {
    height: 136px;
  }

  .m\:h-800px {
    height: 144px;
  }

  .m\:h-800px {
    height: 152px;
  }

  .m\:h-800px {
    height: 160px;
  }

  .m\:h-800px {
    height: 168px;
  }

  .m\:h-800px {
    height: 176px;
  }

  .m\:h-800px {
    height: 184px;
  }

  .m\:h-800px {
    height: 192px;
  }

  .m\:h-800px {
    height: 200px;
  }

  .m\:h-800px {
    height: 208px;
  }

  .m\:h-800px {
    height: 216px;
  }

  .m\:h-800px {
    height: 224px;
  }

  .m\:h-800px {
    height: 232px;
  }

  .m\:h-800px {
    height: 240px;
  }

  .m\:h-800px {
    height: 248px;
  }

  .m\:h-800px {
    height: 256px;
  }

  .m\:h-screen {
    height: 100vw;
  }

  .m\:h-full {
    height: 100%;
  }

  .m\:min-h-0 {
    min-height: 0;
  }

  .m\:min-h-full {
    min-height: 100%;
  }

  .m\:min-h-screen {
    min-height: 100vh;
  }

  .m\:max-h-full {
    max-height: 100%;
  }

  .m\:max-h-screen {
    max-height: 100vh;
  }

  .m\:stack-0 > * + * {
    margin-top: 0;
  }

  .m\:stack-0\.25 > * + * {
    margin-top: 2px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-0\.25 > * + * {
    margin-top: calc(2px + 2 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-0\.25 > * + * {
    margin-top: 4px;
  }
}

@media (min-width: 800px) {
  .m\:stack-0\.5 > * + * {
    margin-top: 4px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-0\.5 > * + * {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-0\.5 > * + * {
    margin-top: 8px;
  }
}

@media (min-width: 800px) {
  .m\:stack-0\.75 > * + * {
    margin-top: 6px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-0\.75 > * + * {
    margin-top: calc(6px + 6 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-0\.75 > * + * {
    margin-top: 12px;
  }
}

@media (min-width: 800px) {
  .m\:stack > * + *,
  .m\:stack-1 > * + * {
    margin-top: 8px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack > * + *,
  .m\:stack-1 > * + * {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack > * + *,
  .m\:stack-1 > * + * {
    margin-top: 16px;
  }
}

@media (min-width: 800px) {
  .m\:stack-1\.5 > * + * {
    margin-top: 12px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-1\.5 > * + * {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-1\.5 > * + * {
    margin-top: 24px;
  }
}

@media (min-width: 800px) {
  .m\:stack-2 > * + * {
    margin-top: 16px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-2 > * + * {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-2 > * + * {
    margin-top: 32px;
  }
}

@media (min-width: 800px) {
  .m\:stack-2\.5 > * + * {
    margin-top: 20px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-2\.5 > * + * {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-2\.5 > * + * {
    margin-top: 40px;
  }
}

@media (min-width: 800px) {
  .m\:stack-3 > * + * {
    margin-top: 24px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-3 > * + * {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-3 > * + * {
    margin-top: 48px;
  }
}

@media (min-width: 800px) {
  .m\:stack-0\.25 > .a-headline {
    margin-top: 4px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-0\.25 > .a-headline {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-0\.25 > .a-headline {
    margin-top: 8px;
  }
}

@media (min-width: 800px) {
  .m\:stack-0\.25 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack-0\.5 > .a-headline {
    margin-top: 8px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-0\.5 > .a-headline {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-0\.5 > .a-headline {
    margin-top: 16px;
  }
}

@media (min-width: 800px) {
  .m\:stack-0\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack-0\.75 > .a-headline {
    margin-top: 12px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-0\.75 > .a-headline {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-0\.75 > .a-headline {
    margin-top: 24px;
  }
}

@media (min-width: 800px) {
  .m\:stack-0\.75 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack > .a-headline,
  .m\:stack-1 > .a-headline {
    margin-top: 16px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack > .a-headline,
  .m\:stack-1 > .a-headline {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack > .a-headline,
  .m\:stack-1 > .a-headline {
    margin-top: 32px;
  }
}

@media (min-width: 800px) {
  .m\:stack > .a-headline:first-child,
  .m\:stack-1 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack-1\.5 > .a-headline {
    margin-top: 24px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-1\.5 > .a-headline {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-1\.5 > .a-headline {
    margin-top: 48px;
  }
}

@media (min-width: 800px) {
  .m\:stack-1\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack-2 > .a-headline {
    margin-top: 32px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-2 > .a-headline {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-2 > .a-headline {
    margin-top: 64px;
  }
}

@media (min-width: 800px) {
  .m\:stack-2 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack-2\.5 > .a-headline {
    margin-top: 40px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-2\.5 > .a-headline {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-2\.5 > .a-headline {
    margin-top: 80px;
  }
}

@media (min-width: 800px) {
  .m\:stack-2\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:stack-3 > .a-headline {
    margin-top: 48px;
  }
}

@media screen and (min-width: 800px) and (min-width: 320px) {
  .m\:stack-3 > .a-headline {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 800px) and (min-width: 1600px) {
  .m\:stack-3 > .a-headline {
    margin-top: 96px;
  }
}

@media (min-width: 800px) {
  .m\:stack-3 > .a-headline:first-child {
    margin-top: 0;
  }

  .m\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

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

  .m\:block {
    display: block;
  }

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

  .m\:inline {
    display: inline;
  }

  .m\:flex {
    display: flex;
  }

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

  .m\:table {
    display: table;
  }

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

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

  .m\:hidden {
    display: none;
  }

  .m\:float-left {
    float: left;
  }

  .m\:float-right {
    float: right;
  }

  .m\:float-none {
    float: none;
  }

  .m\:clearfix::after {
    content: '';
    display: table;
    clear: both;
  }

  .m\:object-contain {
    object-fit: contain;
  }

  .m\:object-cover {
    object-fit: cover;
  }

  .m\:object-fill {
    object-fit: fill;
  }

  .m\:object-none {
    object-fit: none;
  }

  .m\:object-scale-down {
    object-fit: scale-down;
  }

  .m\:object-bottom {
    object-position: bottom;
  }

  .m\:object-center {
    object-position: center;
  }

  .m\:object-left {
    object-position: left;
  }

  .m\:object-left-bottom {
    object-position: left bottom;
  }

  .m\:object-left-top {
    object-position: left top;
  }

  .m\:object-right {
    object-position: right;
  }

  .m\:object-right-bottom {
    object-position: right bottom;
  }

  .m\:object-right-top {
    object-position: right top;
  }

  .m\:object-top {
    object-position: top;
  }

  .m\:overflow-auto {
    overflow: auto;
  }

  .m\:overflow-hidden {
    overflow: hidden;
  }

  .m\:overflow-visible {
    overflow: visible;
  }

  .m\:overflow-scroll {
    overflow: scroll;
  }

  .m\:overflow-x-auto {
    overflow-x: auto;
  }

  .m\:overflow-y-auto {
    overflow-y: auto;
  }

  .m\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .m\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .m\:overflow-x-visible {
    overflow-x: visible;
  }

  .m\:overflow-y-visible {
    overflow-y: visible;
  }

  .m\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .m\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .m\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .m\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .m\:static {
    position: static;
  }

  .m\:fixed {
    position: fixed;
  }

  .m\:absolute {
    position: absolute;
  }

  .m\:relative {
    position: relative;
  }

  .m\:sticky {
    position: sticky;
  }

  .m\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .m\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .m\:inset-x-0 {
    right: 0;
    left: 0;
  }

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

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

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

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

  .m\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .m\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .m\:inset-x-auto {
    left: auto;
    right: auto;
  }

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

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

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

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

  .m\:visible {
    visibility: visible;
  }

  .m\:invisible {
    visibility: hidden;
  }

  .m\:z-0 {
    z-index: 0;
  }

  .m\:z-10 {
    z-index: 10;
  }

  .m\:z-20 {
    z-index: 20;
  }

  .m\:z-30 {
    z-index: 30;
  }

  .m\:z-40 {
    z-index: 40;
  }

  .m\:z-50 {
    z-index: 50;
  }

  .m\:z-auto {
    z-index: auto;
  }

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

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

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

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

  .m\:flex-no-wrap {
    flex-wrap: nowrap;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .m\:self-auto {
    align-self: auto;
  }

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

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

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

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

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

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

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

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

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

  .m\:flex-initial {
    flex: 0 1 auto;
  }

  .m\:flex-1 {
    flex: 1 1 0%;
  }

  .m\:flex-auto {
    flex: 1 1 auto;
  }

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

  .m\:flex-grow {
    flex-grow: 1;
  }

  .m\:flex-grow-0 {
    flex-grow: 0;
  }

  .m\:flex-shrink {
    flex-shrink: 1;
  }

  .m\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .m\:order-first {
    order: -9999;
  }

  .m\:order-last {
    order: 9999;
  }

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

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

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

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

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

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

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

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

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

  .m\:order-9 {
    order: 9;
  }

  .m\:order-10 {
    order: 10;
  }

  .m\:order-11 {
    order: 11;
  }

  .m\:order-12 {
    order: 12;
  }

  .m\:table-auto {
    table-layout: auto;
  }

  .m\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  .m\:text-justify {
    text-align: justify;
  }

  .m\:whitespace-normal {
    white-space: normal;
  }

  .m\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .m\:whitespace-pre {
    white-space: pre;
  }

  .m\:whitespace-pre-line {
    white-space: pre-line;
  }

  .m\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .m\:break-normal {
    word-break: normal;
    overflow-wrap: normal;
  }

  .m\:break-words {
    overflow-wrap: break-word;
  }

  .m\:break-all {
    word-break: break-all;
  }

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

  .m\:p-0 {
    padding: 0;
  }

  .m\:pl-0 {
    padding-left: 0;
  }

  .m\:pr-0 {
    padding-right: 0;
  }

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

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

  .m\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .m\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

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

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

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

  .m\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .m\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

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

  .m\:-mx-0 {
    margin-left: -0;
    margin-right: -0;
  }

  .m\:-my-0 {
    margin-top: -0;
    margin-bottom: -0;
  }

  .m\:p-1 {
    padding: 8px;
  }

  .m\:pl-1 {
    padding-left: 8px;
  }

  .m\:pr-1 {
    padding-right: 8px;
  }

  .m\:pt-1 {
    padding-top: 8px;
  }

  .m\:pb-1 {
    padding-bottom: 8px;
  }

  .m\:px-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .m\:py-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .m\:m-1 {
    margin: 8px;
  }

  .m\:ml-1 {
    margin-left: 8px;
  }

  .m\:mr-1 {
    margin-right: 8px;
  }

  .m\:mt-1 {
    margin-top: 8px;
  }

  .m\:mb-1 {
    margin-bottom: 8px;
  }

  .m\:mx-1 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .m\:my-1 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .m\:-m-1 {
    margin: -8px;
  }

  .m\:-ml-1 {
    margin-left: -8px;
  }

  .m\:-mr-1 {
    margin-right: -8px;
  }

  .m\:-mt-1 {
    margin-top: -8px;
  }

  .m\:-mb-1 {
    margin-bottom: -8px;
  }

  .m\:-mx-1 {
    margin-left: -8px;
    margin-right: -8px;
  }

  .m\:-my-1 {
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .m\:p-2 {
    padding: 16px;
  }

  .m\:pl-2 {
    padding-left: 16px;
  }

  .m\:pr-2 {
    padding-right: 16px;
  }

  .m\:pt-2 {
    padding-top: 16px;
  }

  .m\:pb-2 {
    padding-bottom: 16px;
  }

  .m\:px-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .m\:py-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .m\:m-2 {
    margin: 16px;
  }

  .m\:ml-2 {
    margin-left: 16px;
  }

  .m\:mr-2 {
    margin-right: 16px;
  }

  .m\:mt-2 {
    margin-top: 16px;
  }

  .m\:mb-2 {
    margin-bottom: 16px;
  }

  .m\:mx-2 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .m\:my-2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .m\:-m-2 {
    margin: -16px;
  }

  .m\:-ml-2 {
    margin-left: -16px;
  }

  .m\:-mr-2 {
    margin-right: -16px;
  }

  .m\:-mt-2 {
    margin-top: -16px;
  }

  .m\:-mb-2 {
    margin-bottom: -16px;
  }

  .m\:-mx-2 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .m\:-my-2 {
    margin-top: -16px;
    margin-bottom: -16px;
  }

  .m\:p-3 {
    padding: 24px;
  }

  .m\:pl-3 {
    padding-left: 24px;
  }

  .m\:pr-3 {
    padding-right: 24px;
  }

  .m\:pt-3 {
    padding-top: 24px;
  }

  .m\:pb-3 {
    padding-bottom: 24px;
  }

  .m\:px-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .m\:py-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .m\:m-3 {
    margin: 24px;
  }

  .m\:ml-3 {
    margin-left: 24px;
  }

  .m\:mr-3 {
    margin-right: 24px;
  }

  .m\:mt-3 {
    margin-top: 24px;
  }

  .m\:mb-3 {
    margin-bottom: 24px;
  }

  .m\:mx-3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .m\:my-3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .m\:-m-3 {
    margin: -24px;
  }

  .m\:-ml-3 {
    margin-left: -24px;
  }

  .m\:-mr-3 {
    margin-right: -24px;
  }

  .m\:-mt-3 {
    margin-top: -24px;
  }

  .m\:-mb-3 {
    margin-bottom: -24px;
  }

  .m\:-mx-3 {
    margin-left: -24px;
    margin-right: -24px;
  }

  .m\:-my-3 {
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .m\:p-4 {
    padding: 32px;
  }

  .m\:pl-4 {
    padding-left: 32px;
  }

  .m\:pr-4 {
    padding-right: 32px;
  }

  .m\:pt-4 {
    padding-top: 32px;
  }

  .m\:pb-4 {
    padding-bottom: 32px;
  }

  .m\:px-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .m\:py-4 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .m\:m-4 {
    margin: 32px;
  }

  .m\:ml-4 {
    margin-left: 32px;
  }

  .m\:mr-4 {
    margin-right: 32px;
  }

  .m\:mt-4 {
    margin-top: 32px;
  }

  .m\:mb-4 {
    margin-bottom: 32px;
  }

  .m\:mx-4 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .m\:my-4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .m\:-m-4 {
    margin: -32px;
  }

  .m\:-ml-4 {
    margin-left: -32px;
  }

  .m\:-mr-4 {
    margin-right: -32px;
  }

  .m\:-mt-4 {
    margin-top: -32px;
  }

  .m\:-mb-4 {
    margin-bottom: -32px;
  }

  .m\:-mx-4 {
    margin-left: -32px;
    margin-right: -32px;
  }

  .m\:-my-4 {
    margin-top: -32px;
    margin-bottom: -32px;
  }

  .m\:p-5 {
    padding: 40px;
  }

  .m\:pl-5 {
    padding-left: 40px;
  }

  .m\:pr-5 {
    padding-right: 40px;
  }

  .m\:pt-5 {
    padding-top: 40px;
  }

  .m\:pb-5 {
    padding-bottom: 40px;
  }

  .m\:px-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .m\:py-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .m\:m-5 {
    margin: 40px;
  }

  .m\:ml-5 {
    margin-left: 40px;
  }

  .m\:mr-5 {
    margin-right: 40px;
  }

  .m\:mt-5 {
    margin-top: 40px;
  }

  .m\:mb-5 {
    margin-bottom: 40px;
  }

  .m\:mx-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .m\:my-5 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .m\:-m-5 {
    margin: -40px;
  }

  .m\:-ml-5 {
    margin-left: -40px;
  }

  .m\:-mr-5 {
    margin-right: -40px;
  }

  .m\:-mt-5 {
    margin-top: -40px;
  }

  .m\:-mb-5 {
    margin-bottom: -40px;
  }

  .m\:-mx-5 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .m\:-my-5 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .m\:p-6 {
    padding: 48px;
  }

  .m\:pl-6 {
    padding-left: 48px;
  }

  .m\:pr-6 {
    padding-right: 48px;
  }

  .m\:pt-6 {
    padding-top: 48px;
  }

  .m\:pb-6 {
    padding-bottom: 48px;
  }

  .m\:px-6 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .m\:py-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .m\:m-6 {
    margin: 48px;
  }

  .m\:ml-6 {
    margin-left: 48px;
  }

  .m\:mr-6 {
    margin-right: 48px;
  }

  .m\:mt-6 {
    margin-top: 48px;
  }

  .m\:mb-6 {
    margin-bottom: 48px;
  }

  .m\:mx-6 {
    margin-left: 48px;
    margin-right: 48px;
  }

  .m\:my-6 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .m\:-m-6 {
    margin: -48px;
  }

  .m\:-ml-6 {
    margin-left: -48px;
  }

  .m\:-mr-6 {
    margin-right: -48px;
  }

  .m\:-mt-6 {
    margin-top: -48px;
  }

  .m\:-mb-6 {
    margin-bottom: -48px;
  }

  .m\:-mx-6 {
    margin-left: -48px;
    margin-right: -48px;
  }

  .m\:-my-6 {
    margin-top: -48px;
    margin-bottom: -48px;
  }

  .m\:p-7 {
    padding: 56px;
  }

  .m\:pl-7 {
    padding-left: 56px;
  }

  .m\:pr-7 {
    padding-right: 56px;
  }

  .m\:pt-7 {
    padding-top: 56px;
  }

  .m\:pb-7 {
    padding-bottom: 56px;
  }

  .m\:px-7 {
    padding-left: 56px;
    padding-right: 56px;
  }

  .m\:py-7 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .m\:m-7 {
    margin: 56px;
  }

  .m\:ml-7 {
    margin-left: 56px;
  }

  .m\:mr-7 {
    margin-right: 56px;
  }

  .m\:mt-7 {
    margin-top: 56px;
  }

  .m\:mb-7 {
    margin-bottom: 56px;
  }

  .m\:mx-7 {
    margin-left: 56px;
    margin-right: 56px;
  }

  .m\:my-7 {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .m\:-m-7 {
    margin: -56px;
  }

  .m\:-ml-7 {
    margin-left: -56px;
  }

  .m\:-mr-7 {
    margin-right: -56px;
  }

  .m\:-mt-7 {
    margin-top: -56px;
  }

  .m\:-mb-7 {
    margin-bottom: -56px;
  }

  .m\:-mx-7 {
    margin-left: -56px;
    margin-right: -56px;
  }

  .m\:-my-7 {
    margin-top: -56px;
    margin-bottom: -56px;
  }

  .m\:p-8 {
    padding: 64px;
  }

  .m\:pl-8 {
    padding-left: 64px;
  }

  .m\:pr-8 {
    padding-right: 64px;
  }

  .m\:pt-8 {
    padding-top: 64px;
  }

  .m\:pb-8 {
    padding-bottom: 64px;
  }

  .m\:px-8 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .m\:py-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .m\:m-8 {
    margin: 64px;
  }

  .m\:ml-8 {
    margin-left: 64px;
  }

  .m\:mr-8 {
    margin-right: 64px;
  }

  .m\:mt-8 {
    margin-top: 64px;
  }

  .m\:mb-8 {
    margin-bottom: 64px;
  }

  .m\:mx-8 {
    margin-left: 64px;
    margin-right: 64px;
  }

  .m\:my-8 {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .m\:-m-8 {
    margin: -64px;
  }

  .m\:-ml-8 {
    margin-left: -64px;
  }

  .m\:-mr-8 {
    margin-right: -64px;
  }

  .m\:-mt-8 {
    margin-top: -64px;
  }

  .m\:-mb-8 {
    margin-bottom: -64px;
  }

  .m\:-mx-8 {
    margin-left: -64px;
    margin-right: -64px;
  }

  .m\:-my-8 {
    margin-top: -64px;
    margin-bottom: -64px;
  }

  .m\:p-9 {
    padding: 72px;
  }

  .m\:pl-9 {
    padding-left: 72px;
  }

  .m\:pr-9 {
    padding-right: 72px;
  }

  .m\:pt-9 {
    padding-top: 72px;
  }

  .m\:pb-9 {
    padding-bottom: 72px;
  }

  .m\:px-9 {
    padding-left: 72px;
    padding-right: 72px;
  }

  .m\:py-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .m\:m-9 {
    margin: 72px;
  }

  .m\:ml-9 {
    margin-left: 72px;
  }

  .m\:mr-9 {
    margin-right: 72px;
  }

  .m\:mt-9 {
    margin-top: 72px;
  }

  .m\:mb-9 {
    margin-bottom: 72px;
  }

  .m\:mx-9 {
    margin-left: 72px;
    margin-right: 72px;
  }

  .m\:my-9 {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .m\:-m-9 {
    margin: -72px;
  }

  .m\:-ml-9 {
    margin-left: -72px;
  }

  .m\:-mr-9 {
    margin-right: -72px;
  }

  .m\:-mt-9 {
    margin-top: -72px;
  }

  .m\:-mb-9 {
    margin-bottom: -72px;
  }

  .m\:-mx-9 {
    margin-left: -72px;
    margin-right: -72px;
  }

  .m\:-my-9 {
    margin-top: -72px;
    margin-bottom: -72px;
  }

  .m\:p-10 {
    padding: 80px;
  }

  .m\:pl-10 {
    padding-left: 80px;
  }

  .m\:pr-10 {
    padding-right: 80px;
  }

  .m\:pt-10 {
    padding-top: 80px;
  }

  .m\:pb-10 {
    padding-bottom: 80px;
  }

  .m\:px-10 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .m\:py-10 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .m\:m-10 {
    margin: 80px;
  }

  .m\:ml-10 {
    margin-left: 80px;
  }

  .m\:mr-10 {
    margin-right: 80px;
  }

  .m\:mt-10 {
    margin-top: 80px;
  }

  .m\:mb-10 {
    margin-bottom: 80px;
  }

  .m\:mx-10 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .m\:my-10 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .m\:-m-10 {
    margin: -80px;
  }

  .m\:-ml-10 {
    margin-left: -80px;
  }

  .m\:-mr-10 {
    margin-right: -80px;
  }

  .m\:-mt-10 {
    margin-top: -80px;
  }

  .m\:-mb-10 {
    margin-bottom: -80px;
  }

  .m\:-mx-10 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .m\:-my-10 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .m\:p-11 {
    padding: 88px;
  }

  .m\:pl-11 {
    padding-left: 88px;
  }

  .m\:pr-11 {
    padding-right: 88px;
  }

  .m\:pt-11 {
    padding-top: 88px;
  }

  .m\:pb-11 {
    padding-bottom: 88px;
  }

  .m\:px-11 {
    padding-left: 88px;
    padding-right: 88px;
  }

  .m\:py-11 {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .m\:m-11 {
    margin: 88px;
  }

  .m\:ml-11 {
    margin-left: 88px;
  }

  .m\:mr-11 {
    margin-right: 88px;
  }

  .m\:mt-11 {
    margin-top: 88px;
  }

  .m\:mb-11 {
    margin-bottom: 88px;
  }

  .m\:mx-11 {
    margin-left: 88px;
    margin-right: 88px;
  }

  .m\:my-11 {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .m\:-m-11 {
    margin: -88px;
  }

  .m\:-ml-11 {
    margin-left: -88px;
  }

  .m\:-mr-11 {
    margin-right: -88px;
  }

  .m\:-mt-11 {
    margin-top: -88px;
  }

  .m\:-mb-11 {
    margin-bottom: -88px;
  }

  .m\:-mx-11 {
    margin-left: -88px;
    margin-right: -88px;
  }

  .m\:-my-11 {
    margin-top: -88px;
    margin-bottom: -88px;
  }

  .m\:p-12 {
    padding: 96px;
  }

  .m\:pl-12 {
    padding-left: 96px;
  }

  .m\:pr-12 {
    padding-right: 96px;
  }

  .m\:pt-12 {
    padding-top: 96px;
  }

  .m\:pb-12 {
    padding-bottom: 96px;
  }

  .m\:px-12 {
    padding-left: 96px;
    padding-right: 96px;
  }

  .m\:py-12 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .m\:m-12 {
    margin: 96px;
  }

  .m\:ml-12 {
    margin-left: 96px;
  }

  .m\:mr-12 {
    margin-right: 96px;
  }

  .m\:mt-12 {
    margin-top: 96px;
  }

  .m\:mb-12 {
    margin-bottom: 96px;
  }

  .m\:mx-12 {
    margin-left: 96px;
    margin-right: 96px;
  }

  .m\:my-12 {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .m\:-m-12 {
    margin: -96px;
  }

  .m\:-ml-12 {
    margin-left: -96px;
  }

  .m\:-mr-12 {
    margin-right: -96px;
  }

  .m\:-mt-12 {
    margin-top: -96px;
  }

  .m\:-mb-12 {
    margin-bottom: -96px;
  }

  .m\:-mx-12 {
    margin-left: -96px;
    margin-right: -96px;
  }

  .m\:-my-12 {
    margin-top: -96px;
    margin-bottom: -96px;
  }

  .m\:p-13 {
    padding: 104px;
  }

  .m\:pl-13 {
    padding-left: 104px;
  }

  .m\:pr-13 {
    padding-right: 104px;
  }

  .m\:pt-13 {
    padding-top: 104px;
  }

  .m\:pb-13 {
    padding-bottom: 104px;
  }

  .m\:px-13 {
    padding-left: 104px;
    padding-right: 104px;
  }

  .m\:py-13 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .m\:m-13 {
    margin: 104px;
  }

  .m\:ml-13 {
    margin-left: 104px;
  }

  .m\:mr-13 {
    margin-right: 104px;
  }

  .m\:mt-13 {
    margin-top: 104px;
  }

  .m\:mb-13 {
    margin-bottom: 104px;
  }

  .m\:mx-13 {
    margin-left: 104px;
    margin-right: 104px;
  }

  .m\:my-13 {
    margin-top: 104px;
    margin-bottom: 104px;
  }

  .m\:-m-13 {
    margin: -104px;
  }

  .m\:-ml-13 {
    margin-left: -104px;
  }

  .m\:-mr-13 {
    margin-right: -104px;
  }

  .m\:-mt-13 {
    margin-top: -104px;
  }

  .m\:-mb-13 {
    margin-bottom: -104px;
  }

  .m\:-mx-13 {
    margin-left: -104px;
    margin-right: -104px;
  }

  .m\:-my-13 {
    margin-top: -104px;
    margin-bottom: -104px;
  }

  .m\:p-14 {
    padding: 112px;
  }

  .m\:pl-14 {
    padding-left: 112px;
  }

  .m\:pr-14 {
    padding-right: 112px;
  }

  .m\:pt-14 {
    padding-top: 112px;
  }

  .m\:pb-14 {
    padding-bottom: 112px;
  }

  .m\:px-14 {
    padding-left: 112px;
    padding-right: 112px;
  }

  .m\:py-14 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .m\:m-14 {
    margin: 112px;
  }

  .m\:ml-14 {
    margin-left: 112px;
  }

  .m\:mr-14 {
    margin-right: 112px;
  }

  .m\:mt-14 {
    margin-top: 112px;
  }

  .m\:mb-14 {
    margin-bottom: 112px;
  }

  .m\:mx-14 {
    margin-left: 112px;
    margin-right: 112px;
  }

  .m\:my-14 {
    margin-top: 112px;
    margin-bottom: 112px;
  }

  .m\:-m-14 {
    margin: -112px;
  }

  .m\:-ml-14 {
    margin-left: -112px;
  }

  .m\:-mr-14 {
    margin-right: -112px;
  }

  .m\:-mt-14 {
    margin-top: -112px;
  }

  .m\:-mb-14 {
    margin-bottom: -112px;
  }

  .m\:-mx-14 {
    margin-left: -112px;
    margin-right: -112px;
  }

  .m\:-my-14 {
    margin-top: -112px;
    margin-bottom: -112px;
  }

  .m\:p-15 {
    padding: 120px;
  }

  .m\:pl-15 {
    padding-left: 120px;
  }

  .m\:pr-15 {
    padding-right: 120px;
  }

  .m\:pt-15 {
    padding-top: 120px;
  }

  .m\:pb-15 {
    padding-bottom: 120px;
  }

  .m\:px-15 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .m\:py-15 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .m\:m-15 {
    margin: 120px;
  }

  .m\:ml-15 {
    margin-left: 120px;
  }

  .m\:mr-15 {
    margin-right: 120px;
  }

  .m\:mt-15 {
    margin-top: 120px;
  }

  .m\:mb-15 {
    margin-bottom: 120px;
  }

  .m\:mx-15 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .m\:my-15 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .m\:-m-15 {
    margin: -120px;
  }

  .m\:-ml-15 {
    margin-left: -120px;
  }

  .m\:-mr-15 {
    margin-right: -120px;
  }

  .m\:-mt-15 {
    margin-top: -120px;
  }

  .m\:-mb-15 {
    margin-bottom: -120px;
  }

  .m\:-mx-15 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .m\:-my-15 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .m\:p-16 {
    padding: 128px;
  }

  .m\:pl-16 {
    padding-left: 128px;
  }

  .m\:pr-16 {
    padding-right: 128px;
  }

  .m\:pt-16 {
    padding-top: 128px;
  }

  .m\:pb-16 {
    padding-bottom: 128px;
  }

  .m\:px-16 {
    padding-left: 128px;
    padding-right: 128px;
  }

  .m\:py-16 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .m\:m-16 {
    margin: 128px;
  }

  .m\:ml-16 {
    margin-left: 128px;
  }

  .m\:mr-16 {
    margin-right: 128px;
  }

  .m\:mt-16 {
    margin-top: 128px;
  }

  .m\:mb-16 {
    margin-bottom: 128px;
  }

  .m\:mx-16 {
    margin-left: 128px;
    margin-right: 128px;
  }

  .m\:my-16 {
    margin-top: 128px;
    margin-bottom: 128px;
  }

  .m\:-m-16 {
    margin: -128px;
  }

  .m\:-ml-16 {
    margin-left: -128px;
  }

  .m\:-mr-16 {
    margin-right: -128px;
  }

  .m\:-mt-16 {
    margin-top: -128px;
  }

  .m\:-mb-16 {
    margin-bottom: -128px;
  }

  .m\:-mx-16 {
    margin-left: -128px;
    margin-right: -128px;
  }

  .m\:-my-16 {
    margin-top: -128px;
    margin-bottom: -128px;
  }

  .m\:p-17 {
    padding: 136px;
  }

  .m\:pl-17 {
    padding-left: 136px;
  }

  .m\:pr-17 {
    padding-right: 136px;
  }

  .m\:pt-17 {
    padding-top: 136px;
  }

  .m\:pb-17 {
    padding-bottom: 136px;
  }

  .m\:px-17 {
    padding-left: 136px;
    padding-right: 136px;
  }

  .m\:py-17 {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .m\:m-17 {
    margin: 136px;
  }

  .m\:ml-17 {
    margin-left: 136px;
  }

  .m\:mr-17 {
    margin-right: 136px;
  }

  .m\:mt-17 {
    margin-top: 136px;
  }

  .m\:mb-17 {
    margin-bottom: 136px;
  }

  .m\:mx-17 {
    margin-left: 136px;
    margin-right: 136px;
  }

  .m\:my-17 {
    margin-top: 136px;
    margin-bottom: 136px;
  }

  .m\:-m-17 {
    margin: -136px;
  }

  .m\:-ml-17 {
    margin-left: -136px;
  }

  .m\:-mr-17 {
    margin-right: -136px;
  }

  .m\:-mt-17 {
    margin-top: -136px;
  }

  .m\:-mb-17 {
    margin-bottom: -136px;
  }

  .m\:-mx-17 {
    margin-left: -136px;
    margin-right: -136px;
  }

  .m\:-my-17 {
    margin-top: -136px;
    margin-bottom: -136px;
  }
}

.p-0--fluid {
  padding: 0px;
}

@media screen and (min-width: 320px) {
  .p-0--fluid {
    padding: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0--fluid {
    padding: 0px;
  }
}

.p-0\.5--fluid {
  padding: 4px;
}

@media screen and (min-width: 320px) {
  .p-0\.5--fluid {
    padding: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0\.5--fluid {
    padding: 8px;
  }
}

.pl-0--fluid {
  padding-left: 0px;
}

@media screen and (min-width: 320px) {
  .pl-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0--fluid {
    padding-left: 0px;
  }
}

.pl-0\.5--fluid {
  padding-left: 4px;
}

@media screen and (min-width: 320px) {
  .pl-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0\.5--fluid {
    padding-left: 8px;
  }
}

.pr-0--fluid {
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .pr-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-0--fluid {
    padding-right: 0px;
  }
}

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

@media screen and (min-width: 320px) {
  .pt-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0--fluid {
    padding-top: 0px;
  }
}

.pt-0\.5--fluid {
  padding-top: 4px;
}

@media screen and (min-width: 320px) {
  .pt-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0\.5--fluid {
    padding-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .pb-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0--fluid {
    padding-bottom: 0px;
  }
}

.pb-0\.5--fluid {
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .pb-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.px-0--fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-right: 0px;
  }
}

.px-0\.5--fluid {
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-right: 8px;
  }
}

.py-0--fluid {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-bottom: 0px;
  }
}

.py-0\.5--fluid {
  padding-top: 4px;
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0--fluid {
    margin: 0px;
  }
}

.m-0\.5--fluid {
  margin: 4px;
}

@media screen and (min-width: 320px) {
  .m-0\.5--fluid {
    margin: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0\.5--fluid {
    margin: 8px;
  }
}

.ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0--fluid {
    margin-left: 0px;
  }
}

.ml-0\.5--fluid {
  margin-left: 4px;
}

@media screen and (min-width: 320px) {
  .ml-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0\.5--fluid {
    margin-left: 8px;
  }
}

.mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0--fluid {
    margin-right: 0px;
  }
}

.mr-0\.5--fluid {
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mr-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0\.5--fluid {
    margin-right: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0--fluid {
    margin-top: 0px;
  }
}

.mt-0\.5--fluid {
  margin-top: 4px;
}

@media screen and (min-width: 320px) {
  .mt-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0\.5--fluid {
    margin-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0--fluid {
    margin-bottom: 0px;
  }
}

.mb-0\.5--fluid {
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .mb-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-right: 0px;
  }
}

.mx-0\.5--fluid {
  margin-left: 4px;
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-right: 8px;
  }
}

.my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-bottom: 0px;
  }
}

.my-0\.5--fluid {
  margin-top: 4px;
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.-m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .-m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0--fluid {
    margin: 0px;
  }
}

.-m-0\.5--fluid {
  margin: -4px;
}

@media screen and (min-width: 320px) {
  .-m-0\.5--fluid {
    margin: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0\.5--fluid {
    margin: -8px;
  }
}

.-ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .-ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0--fluid {
    margin-left: 0px;
  }
}

.-ml-0\.5--fluid {
  margin-left: -4px;
}

@media screen and (min-width: 320px) {
  .-ml-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0\.5--fluid {
    margin-left: -8px;
  }
}

.-mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0--fluid {
    margin-right: 0px;
  }
}

.-mr-0\.5--fluid {
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mr-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0\.5--fluid {
    margin-right: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0--fluid {
    margin-top: 0px;
  }
}

.-mt-0\.5--fluid {
  margin-top: -4px;
}

@media screen and (min-width: 320px) {
  .-mt-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0\.5--fluid {
    margin-top: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0--fluid {
    margin-bottom: 0px;
  }
}

.-mb-0\.5--fluid {
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-mb-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-right: 0px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-bottom: 0px;
  }
}

.-my-0\.5--fluid {
  margin-top: -4px;
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-top: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.p-1--fluid {
  padding: 8px;
}

@media screen and (min-width: 320px) {
  .p-1--fluid {
    padding: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1--fluid {
    padding: 16px;
  }
}

.p-1\.5--fluid {
  padding: 12px;
}

@media screen and (min-width: 320px) {
  .p-1\.5--fluid {
    padding: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1\.5--fluid {
    padding: 24px;
  }
}

.pl-1--fluid {
  padding-left: 8px;
}

@media screen and (min-width: 320px) {
  .pl-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1--fluid {
    padding-left: 16px;
  }
}

.pl-1\.5--fluid {
  padding-left: 12px;
}

@media screen and (min-width: 320px) {
  .pl-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1\.5--fluid {
    padding-left: 24px;
  }
}

.pr-1--fluid {
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .pr-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-1--fluid {
    padding-right: 16px;
  }
}

.pt-1--fluid {
  padding-top: 8px;
}

@media screen and (min-width: 320px) {
  .pt-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1--fluid {
    padding-top: 16px;
  }
}

.pt-1\.5--fluid {
  padding-top: 12px;
}

@media screen and (min-width: 320px) {
  .pt-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1\.5--fluid {
    padding-top: 24px;
  }
}

.pb-1--fluid {
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .pb-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1--fluid {
    padding-bottom: 16px;
  }
}

.pb-1\.5--fluid {
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .pb-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.px-1--fluid {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-right: 16px;
  }
}

.px-1\.5--fluid {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-right: 24px;
  }
}

.py-1--fluid {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-bottom: 16px;
  }
}

.py-1\.5--fluid {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.m-1--fluid {
  margin: 8px;
}

@media screen and (min-width: 320px) {
  .m-1--fluid {
    margin: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1--fluid {
    margin: 16px;
  }
}

.m-1\.5--fluid {
  margin: 12px;
}

@media screen and (min-width: 320px) {
  .m-1\.5--fluid {
    margin: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1\.5--fluid {
    margin: 24px;
  }
}

.ml-1--fluid {
  margin-left: 8px;
}

@media screen and (min-width: 320px) {
  .ml-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1--fluid {
    margin-left: 16px;
  }
}

.ml-1\.5--fluid {
  margin-left: 12px;
}

@media screen and (min-width: 320px) {
  .ml-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1\.5--fluid {
    margin-left: 24px;
  }
}

.mr-1--fluid {
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mr-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1--fluid {
    margin-right: 16px;
  }
}

.mr-1\.5--fluid {
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mr-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1\.5--fluid {
    margin-right: 24px;
  }
}

.mt-1--fluid {
  margin-top: 8px;
}

@media screen and (min-width: 320px) {
  .mt-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1--fluid {
    margin-top: 16px;
  }
}

.mt-1\.5--fluid {
  margin-top: 12px;
}

@media screen and (min-width: 320px) {
  .mt-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1\.5--fluid {
    margin-top: 24px;
  }
}

.mb-1--fluid {
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .mb-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1--fluid {
    margin-bottom: 16px;
  }
}

.mb-1\.5--fluid {
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .mb-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.mx-1--fluid {
  margin-left: 8px;
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-right: 16px;
  }
}

.mx-1\.5--fluid {
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-right: 24px;
  }
}

.my-1--fluid {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-bottom: 16px;
  }
}

.my-1\.5--fluid {
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.-m-1--fluid {
  margin: -8px;
}

@media screen and (min-width: 320px) {
  .-m-1--fluid {
    margin: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1--fluid {
    margin: -16px;
  }
}

.-m-1\.5--fluid {
  margin: -12px;
}

@media screen and (min-width: 320px) {
  .-m-1\.5--fluid {
    margin: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1\.5--fluid {
    margin: -24px;
  }
}

.-ml-1--fluid {
  margin-left: -8px;
}

@media screen and (min-width: 320px) {
  .-ml-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1--fluid {
    margin-left: -16px;
  }
}

.-ml-1\.5--fluid {
  margin-left: -12px;
}

@media screen and (min-width: 320px) {
  .-ml-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1\.5--fluid {
    margin-left: -24px;
  }
}

.-mr-1--fluid {
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mr-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1--fluid {
    margin-right: -16px;
  }
}

.-mr-1\.5--fluid {
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mr-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mt-1--fluid {
  margin-top: -8px;
}

@media screen and (min-width: 320px) {
  .-mt-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1--fluid {
    margin-top: -16px;
  }
}

.-mt-1\.5--fluid {
  margin-top: -12px;
}

@media screen and (min-width: 320px) {
  .-mt-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1\.5--fluid {
    margin-top: -24px;
  }
}

.-mb-1--fluid {
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-mb-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1--fluid {
    margin-bottom: -16px;
  }
}

.-mb-1\.5--fluid {
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-mb-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mx-1--fluid {
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-left: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-right: -16px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-my-1--fluid {
  margin-top: -8px;
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-top: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-bottom: -16px;
  }
}

.-my-1\.5--fluid {
  margin-top: -12px;
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-top: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.p-2--fluid {
  padding: 16px;
}

@media screen and (min-width: 320px) {
  .p-2--fluid {
    padding: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2--fluid {
    padding: 32px;
  }
}

.p-2\.5--fluid {
  padding: 20px;
}

@media screen and (min-width: 320px) {
  .p-2\.5--fluid {
    padding: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2\.5--fluid {
    padding: 40px;
  }
}

.pl-2--fluid {
  padding-left: 16px;
}

@media screen and (min-width: 320px) {
  .pl-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2--fluid {
    padding-left: 32px;
  }
}

.pl-2\.5--fluid {
  padding-left: 20px;
}

@media screen and (min-width: 320px) {
  .pl-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2\.5--fluid {
    padding-left: 40px;
  }
}

.pr-2--fluid {
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .pr-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-2--fluid {
    padding-right: 32px;
  }
}

.pt-2--fluid {
  padding-top: 16px;
}

@media screen and (min-width: 320px) {
  .pt-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2--fluid {
    padding-top: 32px;
  }
}

.pt-2\.5--fluid {
  padding-top: 20px;
}

@media screen and (min-width: 320px) {
  .pt-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2\.5--fluid {
    padding-top: 40px;
  }
}

.pb-2--fluid {
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .pb-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2--fluid {
    padding-bottom: 32px;
  }
}

.pb-2\.5--fluid {
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .pb-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.px-2--fluid {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-right: 32px;
  }
}

.px-2\.5--fluid {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-right: 40px;
  }
}

.py-2--fluid {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-bottom: 32px;
  }
}

.py-2\.5--fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.m-2--fluid {
  margin: 16px;
}

@media screen and (min-width: 320px) {
  .m-2--fluid {
    margin: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2--fluid {
    margin: 32px;
  }
}

.m-2\.5--fluid {
  margin: 20px;
}

@media screen and (min-width: 320px) {
  .m-2\.5--fluid {
    margin: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2\.5--fluid {
    margin: 40px;
  }
}

.ml-2--fluid {
  margin-left: 16px;
}

@media screen and (min-width: 320px) {
  .ml-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2--fluid {
    margin-left: 32px;
  }
}

.ml-2\.5--fluid {
  margin-left: 20px;
}

@media screen and (min-width: 320px) {
  .ml-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2\.5--fluid {
    margin-left: 40px;
  }
}

.mr-2--fluid {
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mr-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2--fluid {
    margin-right: 32px;
  }
}

.mr-2\.5--fluid {
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mr-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2\.5--fluid {
    margin-right: 40px;
  }
}

.mt-2--fluid {
  margin-top: 16px;
}

@media screen and (min-width: 320px) {
  .mt-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2--fluid {
    margin-top: 32px;
  }
}

.mt-2\.5--fluid {
  margin-top: 20px;
}

@media screen and (min-width: 320px) {
  .mt-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2\.5--fluid {
    margin-top: 40px;
  }
}

.mb-2--fluid {
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .mb-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2--fluid {
    margin-bottom: 32px;
  }
}

.mb-2\.5--fluid {
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .mb-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.mx-2--fluid {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-right: 32px;
  }
}

.mx-2\.5--fluid {
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-right: 40px;
  }
}

.my-2--fluid {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-bottom: 32px;
  }
}

.my-2\.5--fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.-m-2--fluid {
  margin: -16px;
}

@media screen and (min-width: 320px) {
  .-m-2--fluid {
    margin: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2--fluid {
    margin: -32px;
  }
}

.-m-2\.5--fluid {
  margin: -20px;
}

@media screen and (min-width: 320px) {
  .-m-2\.5--fluid {
    margin: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2\.5--fluid {
    margin: -40px;
  }
}

.-ml-2--fluid {
  margin-left: -16px;
}

@media screen and (min-width: 320px) {
  .-ml-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2--fluid {
    margin-left: -32px;
  }
}

.-ml-2\.5--fluid {
  margin-left: -20px;
}

@media screen and (min-width: 320px) {
  .-ml-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2\.5--fluid {
    margin-left: -40px;
  }
}

.-mr-2--fluid {
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mr-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2--fluid {
    margin-right: -32px;
  }
}

.-mr-2\.5--fluid {
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mr-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mt-2--fluid {
  margin-top: -16px;
}

@media screen and (min-width: 320px) {
  .-mt-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2--fluid {
    margin-top: -32px;
  }
}

.-mt-2\.5--fluid {
  margin-top: -20px;
}

@media screen and (min-width: 320px) {
  .-mt-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2\.5--fluid {
    margin-top: -40px;
  }
}

.-mb-2--fluid {
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-mb-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2--fluid {
    margin-bottom: -32px;
  }
}

.-mb-2\.5--fluid {
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-mb-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mx-2--fluid {
  margin-left: -16px;
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-left: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-right: -32px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-my-2--fluid {
  margin-top: -16px;
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-top: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-bottom: -32px;
  }
}

.-my-2\.5--fluid {
  margin-top: -20px;
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-top: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.p-3--fluid {
  padding: 24px;
}

@media screen and (min-width: 320px) {
  .p-3--fluid {
    padding: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3--fluid {
    padding: 48px;
  }
}

.p-3\.5--fluid {
  padding: 28px;
}

@media screen and (min-width: 320px) {
  .p-3\.5--fluid {
    padding: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3\.5--fluid {
    padding: 56px;
  }
}

.pl-3--fluid {
  padding-left: 24px;
}

@media screen and (min-width: 320px) {
  .pl-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3--fluid {
    padding-left: 48px;
  }
}

.pl-3\.5--fluid {
  padding-left: 28px;
}

@media screen and (min-width: 320px) {
  .pl-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3\.5--fluid {
    padding-left: 56px;
  }
}

.pr-3--fluid {
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .pr-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-3--fluid {
    padding-right: 48px;
  }
}

.pt-3--fluid {
  padding-top: 24px;
}

@media screen and (min-width: 320px) {
  .pt-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3--fluid {
    padding-top: 48px;
  }
}

.pt-3\.5--fluid {
  padding-top: 28px;
}

@media screen and (min-width: 320px) {
  .pt-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3\.5--fluid {
    padding-top: 56px;
  }
}

.pb-3--fluid {
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .pb-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3--fluid {
    padding-bottom: 48px;
  }
}

.pb-3\.5--fluid {
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .pb-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.px-3--fluid {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-right: 48px;
  }
}

.px-3\.5--fluid {
  padding-left: 28px;
  padding-right: 28px;
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-right: 56px;
  }
}

.py-3--fluid {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-bottom: 48px;
  }
}

.py-3\.5--fluid {
  padding-top: 28px;
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.m-3--fluid {
  margin: 24px;
}

@media screen and (min-width: 320px) {
  .m-3--fluid {
    margin: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3--fluid {
    margin: 48px;
  }
}

.m-3\.5--fluid {
  margin: 28px;
}

@media screen and (min-width: 320px) {
  .m-3\.5--fluid {
    margin: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3\.5--fluid {
    margin: 56px;
  }
}

.ml-3--fluid {
  margin-left: 24px;
}

@media screen and (min-width: 320px) {
  .ml-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3--fluid {
    margin-left: 48px;
  }
}

.ml-3\.5--fluid {
  margin-left: 28px;
}

@media screen and (min-width: 320px) {
  .ml-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3\.5--fluid {
    margin-left: 56px;
  }
}

.mr-3--fluid {
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mr-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3--fluid {
    margin-right: 48px;
  }
}

.mr-3\.5--fluid {
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mr-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3\.5--fluid {
    margin-right: 56px;
  }
}

.mt-3--fluid {
  margin-top: 24px;
}

@media screen and (min-width: 320px) {
  .mt-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3--fluid {
    margin-top: 48px;
  }
}

.mt-3\.5--fluid {
  margin-top: 28px;
}

@media screen and (min-width: 320px) {
  .mt-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3\.5--fluid {
    margin-top: 56px;
  }
}

.mb-3--fluid {
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .mb-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3--fluid {
    margin-bottom: 48px;
  }
}

.mb-3\.5--fluid {
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .mb-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.mx-3--fluid {
  margin-left: 24px;
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-right: 48px;
  }
}

.mx-3\.5--fluid {
  margin-left: 28px;
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-right: 56px;
  }
}

.my-3--fluid {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-bottom: 48px;
  }
}

.my-3\.5--fluid {
  margin-top: 28px;
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.-m-3--fluid {
  margin: -24px;
}

@media screen and (min-width: 320px) {
  .-m-3--fluid {
    margin: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3--fluid {
    margin: -48px;
  }
}

.-m-3\.5--fluid {
  margin: -28px;
}

@media screen and (min-width: 320px) {
  .-m-3\.5--fluid {
    margin: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3\.5--fluid {
    margin: -56px;
  }
}

.-ml-3--fluid {
  margin-left: -24px;
}

@media screen and (min-width: 320px) {
  .-ml-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3--fluid {
    margin-left: -48px;
  }
}

.-ml-3\.5--fluid {
  margin-left: -28px;
}

@media screen and (min-width: 320px) {
  .-ml-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3\.5--fluid {
    margin-left: -56px;
  }
}

.-mr-3--fluid {
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mr-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3--fluid {
    margin-right: -48px;
  }
}

.-mr-3\.5--fluid {
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mr-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mt-3--fluid {
  margin-top: -24px;
}

@media screen and (min-width: 320px) {
  .-mt-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3--fluid {
    margin-top: -48px;
  }
}

.-mt-3\.5--fluid {
  margin-top: -28px;
}

@media screen and (min-width: 320px) {
  .-mt-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3\.5--fluid {
    margin-top: -56px;
  }
}

.-mb-3--fluid {
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-mb-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3--fluid {
    margin-bottom: -48px;
  }
}

.-mb-3\.5--fluid {
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-mb-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mx-3--fluid {
  margin-left: -24px;
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-left: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-right: -48px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-my-3--fluid {
  margin-top: -24px;
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-top: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-bottom: -48px;
  }
}

.-my-3\.5--fluid {
  margin-top: -28px;
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-top: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.p-4--fluid {
  padding: 32px;
}

@media screen and (min-width: 320px) {
  .p-4--fluid {
    padding: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4--fluid {
    padding: 64px;
  }
}

.p-4\.5--fluid {
  padding: 36px;
}

@media screen and (min-width: 320px) {
  .p-4\.5--fluid {
    padding: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4\.5--fluid {
    padding: 72px;
  }
}

.pl-4--fluid {
  padding-left: 32px;
}

@media screen and (min-width: 320px) {
  .pl-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4--fluid {
    padding-left: 64px;
  }
}

.pl-4\.5--fluid {
  padding-left: 36px;
}

@media screen and (min-width: 320px) {
  .pl-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4\.5--fluid {
    padding-left: 72px;
  }
}

.pr-4--fluid {
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .pr-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-4--fluid {
    padding-right: 64px;
  }
}

.pt-4--fluid {
  padding-top: 32px;
}

@media screen and (min-width: 320px) {
  .pt-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4--fluid {
    padding-top: 64px;
  }
}

.pt-4\.5--fluid {
  padding-top: 36px;
}

@media screen and (min-width: 320px) {
  .pt-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4\.5--fluid {
    padding-top: 72px;
  }
}

.pb-4--fluid {
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .pb-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4--fluid {
    padding-bottom: 64px;
  }
}

.pb-4\.5--fluid {
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .pb-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.px-4--fluid {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-right: 64px;
  }
}

.px-4\.5--fluid {
  padding-left: 36px;
  padding-right: 36px;
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-right: 72px;
  }
}

.py-4--fluid {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-bottom: 64px;
  }
}

.py-4\.5--fluid {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.m-4--fluid {
  margin: 32px;
}

@media screen and (min-width: 320px) {
  .m-4--fluid {
    margin: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4--fluid {
    margin: 64px;
  }
}

.m-4\.5--fluid {
  margin: 36px;
}

@media screen and (min-width: 320px) {
  .m-4\.5--fluid {
    margin: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4\.5--fluid {
    margin: 72px;
  }
}

.ml-4--fluid {
  margin-left: 32px;
}

@media screen and (min-width: 320px) {
  .ml-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4--fluid {
    margin-left: 64px;
  }
}

.ml-4\.5--fluid {
  margin-left: 36px;
}

@media screen and (min-width: 320px) {
  .ml-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4\.5--fluid {
    margin-left: 72px;
  }
}

.mr-4--fluid {
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mr-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4--fluid {
    margin-right: 64px;
  }
}

.mr-4\.5--fluid {
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mr-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4\.5--fluid {
    margin-right: 72px;
  }
}

.mt-4--fluid {
  margin-top: 32px;
}

@media screen and (min-width: 320px) {
  .mt-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4--fluid {
    margin-top: 64px;
  }
}

.mt-4\.5--fluid {
  margin-top: 36px;
}

@media screen and (min-width: 320px) {
  .mt-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4\.5--fluid {
    margin-top: 72px;
  }
}

.mb-4--fluid {
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .mb-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4--fluid {
    margin-bottom: 64px;
  }
}

.mb-4\.5--fluid {
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .mb-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.mx-4--fluid {
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-right: 64px;
  }
}

.mx-4\.5--fluid {
  margin-left: 36px;
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-right: 72px;
  }
}

.my-4--fluid {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-bottom: 64px;
  }
}

.my-4\.5--fluid {
  margin-top: 36px;
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.-m-4--fluid {
  margin: -32px;
}

@media screen and (min-width: 320px) {
  .-m-4--fluid {
    margin: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4--fluid {
    margin: -64px;
  }
}

.-m-4\.5--fluid {
  margin: -36px;
}

@media screen and (min-width: 320px) {
  .-m-4\.5--fluid {
    margin: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4\.5--fluid {
    margin: -72px;
  }
}

.-ml-4--fluid {
  margin-left: -32px;
}

@media screen and (min-width: 320px) {
  .-ml-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4--fluid {
    margin-left: -64px;
  }
}

.-ml-4\.5--fluid {
  margin-left: -36px;
}

@media screen and (min-width: 320px) {
  .-ml-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4\.5--fluid {
    margin-left: -72px;
  }
}

.-mr-4--fluid {
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mr-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4--fluid {
    margin-right: -64px;
  }
}

.-mr-4\.5--fluid {
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mr-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mt-4--fluid {
  margin-top: -32px;
}

@media screen and (min-width: 320px) {
  .-mt-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4--fluid {
    margin-top: -64px;
  }
}

.-mt-4\.5--fluid {
  margin-top: -36px;
}

@media screen and (min-width: 320px) {
  .-mt-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4\.5--fluid {
    margin-top: -72px;
  }
}

.-mb-4--fluid {
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-mb-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4--fluid {
    margin-bottom: -64px;
  }
}

.-mb-4\.5--fluid {
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-mb-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mx-4--fluid {
  margin-left: -32px;
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-left: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-right: -64px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-my-4--fluid {
  margin-top: -32px;
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-top: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-bottom: -64px;
  }
}

.-my-4\.5--fluid {
  margin-top: -36px;
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-top: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.p-5--fluid {
  padding: 40px;
}

@media screen and (min-width: 320px) {
  .p-5--fluid {
    padding: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5--fluid {
    padding: 80px;
  }
}

.p-5\.5--fluid {
  padding: 44px;
}

@media screen and (min-width: 320px) {
  .p-5\.5--fluid {
    padding: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5\.5--fluid {
    padding: 88px;
  }
}

.pl-5--fluid {
  padding-left: 40px;
}

@media screen and (min-width: 320px) {
  .pl-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5--fluid {
    padding-left: 80px;
  }
}

.pl-5\.5--fluid {
  padding-left: 44px;
}

@media screen and (min-width: 320px) {
  .pl-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5\.5--fluid {
    padding-left: 88px;
  }
}

.pr-5--fluid {
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .pr-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-5--fluid {
    padding-right: 80px;
  }
}

.pt-5--fluid {
  padding-top: 40px;
}

@media screen and (min-width: 320px) {
  .pt-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5--fluid {
    padding-top: 80px;
  }
}

.pt-5\.5--fluid {
  padding-top: 44px;
}

@media screen and (min-width: 320px) {
  .pt-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5\.5--fluid {
    padding-top: 88px;
  }
}

.pb-5--fluid {
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .pb-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5--fluid {
    padding-bottom: 80px;
  }
}

.pb-5\.5--fluid {
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .pb-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.px-5--fluid {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-right: 80px;
  }
}

.px-5\.5--fluid {
  padding-left: 44px;
  padding-right: 44px;
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-right: 88px;
  }
}

.py-5--fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-bottom: 80px;
  }
}

.py-5\.5--fluid {
  padding-top: 44px;
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.m-5--fluid {
  margin: 40px;
}

@media screen and (min-width: 320px) {
  .m-5--fluid {
    margin: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5--fluid {
    margin: 80px;
  }
}

.m-5\.5--fluid {
  margin: 44px;
}

@media screen and (min-width: 320px) {
  .m-5\.5--fluid {
    margin: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5\.5--fluid {
    margin: 88px;
  }
}

.ml-5--fluid {
  margin-left: 40px;
}

@media screen and (min-width: 320px) {
  .ml-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5--fluid {
    margin-left: 80px;
  }
}

.ml-5\.5--fluid {
  margin-left: 44px;
}

@media screen and (min-width: 320px) {
  .ml-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5\.5--fluid {
    margin-left: 88px;
  }
}

.mr-5--fluid {
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mr-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5--fluid {
    margin-right: 80px;
  }
}

.mr-5\.5--fluid {
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mr-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5\.5--fluid {
    margin-right: 88px;
  }
}

.mt-5--fluid {
  margin-top: 40px;
}

@media screen and (min-width: 320px) {
  .mt-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5--fluid {
    margin-top: 80px;
  }
}

.mt-5\.5--fluid {
  margin-top: 44px;
}

@media screen and (min-width: 320px) {
  .mt-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5\.5--fluid {
    margin-top: 88px;
  }
}

.mb-5--fluid {
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .mb-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5--fluid {
    margin-bottom: 80px;
  }
}

.mb-5\.5--fluid {
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .mb-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.mx-5--fluid {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-right: 80px;
  }
}

.mx-5\.5--fluid {
  margin-left: 44px;
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-right: 88px;
  }
}

.my-5--fluid {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-bottom: 80px;
  }
}

.my-5\.5--fluid {
  margin-top: 44px;
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.-m-5--fluid {
  margin: -40px;
}

@media screen and (min-width: 320px) {
  .-m-5--fluid {
    margin: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5--fluid {
    margin: -80px;
  }
}

.-m-5\.5--fluid {
  margin: -44px;
}

@media screen and (min-width: 320px) {
  .-m-5\.5--fluid {
    margin: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5\.5--fluid {
    margin: -88px;
  }
}

.-ml-5--fluid {
  margin-left: -40px;
}

@media screen and (min-width: 320px) {
  .-ml-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5--fluid {
    margin-left: -80px;
  }
}

.-ml-5\.5--fluid {
  margin-left: -44px;
}

@media screen and (min-width: 320px) {
  .-ml-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5\.5--fluid {
    margin-left: -88px;
  }
}

.-mr-5--fluid {
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mr-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5--fluid {
    margin-right: -80px;
  }
}

.-mr-5\.5--fluid {
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mr-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mt-5--fluid {
  margin-top: -40px;
}

@media screen and (min-width: 320px) {
  .-mt-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5--fluid {
    margin-top: -80px;
  }
}

.-mt-5\.5--fluid {
  margin-top: -44px;
}

@media screen and (min-width: 320px) {
  .-mt-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5\.5--fluid {
    margin-top: -88px;
  }
}

.-mb-5--fluid {
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-mb-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5--fluid {
    margin-bottom: -80px;
  }
}

.-mb-5\.5--fluid {
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-mb-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mx-5--fluid {
  margin-left: -40px;
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-left: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-right: -80px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-my-5--fluid {
  margin-top: -40px;
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-top: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-bottom: -80px;
  }
}

.-my-5\.5--fluid {
  margin-top: -44px;
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-top: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.p-6--fluid {
  padding: 48px;
}

@media screen and (min-width: 320px) {
  .p-6--fluid {
    padding: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6--fluid {
    padding: 96px;
  }
}

.p-6\.5--fluid {
  padding: 52px;
}

@media screen and (min-width: 320px) {
  .p-6\.5--fluid {
    padding: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6\.5--fluid {
    padding: 104px;
  }
}

.pl-6--fluid {
  padding-left: 48px;
}

@media screen and (min-width: 320px) {
  .pl-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6--fluid {
    padding-left: 96px;
  }
}

.pl-6\.5--fluid {
  padding-left: 52px;
}

@media screen and (min-width: 320px) {
  .pl-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6\.5--fluid {
    padding-left: 104px;
  }
}

.pr-6--fluid {
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .pr-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-6--fluid {
    padding-right: 96px;
  }
}

.pt-6--fluid {
  padding-top: 48px;
}

@media screen and (min-width: 320px) {
  .pt-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6--fluid {
    padding-top: 96px;
  }
}

.pt-6\.5--fluid {
  padding-top: 52px;
}

@media screen and (min-width: 320px) {
  .pt-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6\.5--fluid {
    padding-top: 104px;
  }
}

.pb-6--fluid {
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .pb-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6--fluid {
    padding-bottom: 96px;
  }
}

.pb-6\.5--fluid {
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .pb-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.px-6--fluid {
  padding-left: 48px;
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-right: 96px;
  }
}

.px-6\.5--fluid {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-right: 104px;
  }
}

.py-6--fluid {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-bottom: 96px;
  }
}

.py-6\.5--fluid {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.m-6--fluid {
  margin: 48px;
}

@media screen and (min-width: 320px) {
  .m-6--fluid {
    margin: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6--fluid {
    margin: 96px;
  }
}

.m-6\.5--fluid {
  margin: 52px;
}

@media screen and (min-width: 320px) {
  .m-6\.5--fluid {
    margin: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6\.5--fluid {
    margin: 104px;
  }
}

.ml-6--fluid {
  margin-left: 48px;
}

@media screen and (min-width: 320px) {
  .ml-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6--fluid {
    margin-left: 96px;
  }
}

.ml-6\.5--fluid {
  margin-left: 52px;
}

@media screen and (min-width: 320px) {
  .ml-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6\.5--fluid {
    margin-left: 104px;
  }
}

.mr-6--fluid {
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mr-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6--fluid {
    margin-right: 96px;
  }
}

.mr-6\.5--fluid {
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mr-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6\.5--fluid {
    margin-right: 104px;
  }
}

.mt-6--fluid {
  margin-top: 48px;
}

@media screen and (min-width: 320px) {
  .mt-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6--fluid {
    margin-top: 96px;
  }
}

.mt-6\.5--fluid {
  margin-top: 52px;
}

@media screen and (min-width: 320px) {
  .mt-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6\.5--fluid {
    margin-top: 104px;
  }
}

.mb-6--fluid {
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .mb-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6--fluid {
    margin-bottom: 96px;
  }
}

.mb-6\.5--fluid {
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .mb-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.mx-6--fluid {
  margin-left: 48px;
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-right: 96px;
  }
}

.mx-6\.5--fluid {
  margin-left: 52px;
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-right: 104px;
  }
}

.my-6--fluid {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-bottom: 96px;
  }
}

.my-6\.5--fluid {
  margin-top: 52px;
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.-m-6--fluid {
  margin: -48px;
}

@media screen and (min-width: 320px) {
  .-m-6--fluid {
    margin: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6--fluid {
    margin: -96px;
  }
}

.-m-6\.5--fluid {
  margin: -52px;
}

@media screen and (min-width: 320px) {
  .-m-6\.5--fluid {
    margin: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6\.5--fluid {
    margin: -104px;
  }
}

.-ml-6--fluid {
  margin-left: -48px;
}

@media screen and (min-width: 320px) {
  .-ml-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6--fluid {
    margin-left: -96px;
  }
}

.-ml-6\.5--fluid {
  margin-left: -52px;
}

@media screen and (min-width: 320px) {
  .-ml-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6\.5--fluid {
    margin-left: -104px;
  }
}

.-mr-6--fluid {
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mr-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6--fluid {
    margin-right: -96px;
  }
}

.-mr-6\.5--fluid {
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mr-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mt-6--fluid {
  margin-top: -48px;
}

@media screen and (min-width: 320px) {
  .-mt-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6--fluid {
    margin-top: -96px;
  }
}

.-mt-6\.5--fluid {
  margin-top: -52px;
}

@media screen and (min-width: 320px) {
  .-mt-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6\.5--fluid {
    margin-top: -104px;
  }
}

.-mb-6--fluid {
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-mb-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6--fluid {
    margin-bottom: -96px;
  }
}

.-mb-6\.5--fluid {
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-mb-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mx-6--fluid {
  margin-left: -48px;
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-left: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-right: -96px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-my-6--fluid {
  margin-top: -48px;
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-top: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-bottom: -96px;
  }
}

.-my-6\.5--fluid {
  margin-top: -52px;
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-top: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.p-7--fluid {
  padding: 56px;
}

@media screen and (min-width: 320px) {
  .p-7--fluid {
    padding: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7--fluid {
    padding: 112px;
  }
}

.p-7\.5--fluid {
  padding: 60px;
}

@media screen and (min-width: 320px) {
  .p-7\.5--fluid {
    padding: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7\.5--fluid {
    padding: 120px;
  }
}

.pl-7--fluid {
  padding-left: 56px;
}

@media screen and (min-width: 320px) {
  .pl-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7--fluid {
    padding-left: 112px;
  }
}

.pl-7\.5--fluid {
  padding-left: 60px;
}

@media screen and (min-width: 320px) {
  .pl-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7\.5--fluid {
    padding-left: 120px;
  }
}

.pr-7--fluid {
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .pr-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-7--fluid {
    padding-right: 112px;
  }
}

.pt-7--fluid {
  padding-top: 56px;
}

@media screen and (min-width: 320px) {
  .pt-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7--fluid {
    padding-top: 112px;
  }
}

.pt-7\.5--fluid {
  padding-top: 60px;
}

@media screen and (min-width: 320px) {
  .pt-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7\.5--fluid {
    padding-top: 120px;
  }
}

.pb-7--fluid {
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .pb-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7--fluid {
    padding-bottom: 112px;
  }
}

.pb-7\.5--fluid {
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .pb-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.px-7--fluid {
  padding-left: 56px;
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-right: 112px;
  }
}

.px-7\.5--fluid {
  padding-left: 60px;
  padding-right: 60px;
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-right: 120px;
  }
}

.py-7--fluid {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-bottom: 112px;
  }
}

.py-7\.5--fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.m-7--fluid {
  margin: 56px;
}

@media screen and (min-width: 320px) {
  .m-7--fluid {
    margin: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7--fluid {
    margin: 112px;
  }
}

.m-7\.5--fluid {
  margin: 60px;
}

@media screen and (min-width: 320px) {
  .m-7\.5--fluid {
    margin: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7\.5--fluid {
    margin: 120px;
  }
}

.ml-7--fluid {
  margin-left: 56px;
}

@media screen and (min-width: 320px) {
  .ml-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7--fluid {
    margin-left: 112px;
  }
}

.ml-7\.5--fluid {
  margin-left: 60px;
}

@media screen and (min-width: 320px) {
  .ml-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7\.5--fluid {
    margin-left: 120px;
  }
}

.mr-7--fluid {
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mr-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7--fluid {
    margin-right: 112px;
  }
}

.mr-7\.5--fluid {
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mr-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7\.5--fluid {
    margin-right: 120px;
  }
}

.mt-7--fluid {
  margin-top: 56px;
}

@media screen and (min-width: 320px) {
  .mt-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7--fluid {
    margin-top: 112px;
  }
}

.mt-7\.5--fluid {
  margin-top: 60px;
}

@media screen and (min-width: 320px) {
  .mt-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7\.5--fluid {
    margin-top: 120px;
  }
}

.mb-7--fluid {
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .mb-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7--fluid {
    margin-bottom: 112px;
  }
}

.mb-7\.5--fluid {
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .mb-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.mx-7--fluid {
  margin-left: 56px;
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-right: 112px;
  }
}

.mx-7\.5--fluid {
  margin-left: 60px;
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-right: 120px;
  }
}

.my-7--fluid {
  margin-top: 56px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-bottom: 112px;
  }
}

.my-7\.5--fluid {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.-m-7--fluid {
  margin: -56px;
}

@media screen and (min-width: 320px) {
  .-m-7--fluid {
    margin: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7--fluid {
    margin: -112px;
  }
}

.-m-7\.5--fluid {
  margin: -60px;
}

@media screen and (min-width: 320px) {
  .-m-7\.5--fluid {
    margin: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7\.5--fluid {
    margin: -120px;
  }
}

.-ml-7--fluid {
  margin-left: -56px;
}

@media screen and (min-width: 320px) {
  .-ml-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7--fluid {
    margin-left: -112px;
  }
}

.-ml-7\.5--fluid {
  margin-left: -60px;
}

@media screen and (min-width: 320px) {
  .-ml-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7\.5--fluid {
    margin-left: -120px;
  }
}

.-mr-7--fluid {
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mr-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7--fluid {
    margin-right: -112px;
  }
}

.-mr-7\.5--fluid {
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mr-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mt-7--fluid {
  margin-top: -56px;
}

@media screen and (min-width: 320px) {
  .-mt-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7--fluid {
    margin-top: -112px;
  }
}

.-mt-7\.5--fluid {
  margin-top: -60px;
}

@media screen and (min-width: 320px) {
  .-mt-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7\.5--fluid {
    margin-top: -120px;
  }
}

.-mb-7--fluid {
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-mb-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7--fluid {
    margin-bottom: -112px;
  }
}

.-mb-7\.5--fluid {
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-mb-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mx-7--fluid {
  margin-left: -56px;
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-left: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-right: -112px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-my-7--fluid {
  margin-top: -56px;
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-top: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-bottom: -112px;
  }
}

.-my-7\.5--fluid {
  margin-top: -60px;
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-top: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.p-8--fluid {
  padding: 64px;
}

@media screen and (min-width: 320px) {
  .p-8--fluid {
    padding: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8--fluid {
    padding: 128px;
  }
}

.p-8\.5--fluid {
  padding: 68px;
}

@media screen and (min-width: 320px) {
  .p-8\.5--fluid {
    padding: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8\.5--fluid {
    padding: 136px;
  }
}

.pl-8--fluid {
  padding-left: 64px;
}

@media screen and (min-width: 320px) {
  .pl-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8--fluid {
    padding-left: 128px;
  }
}

.pl-8\.5--fluid {
  padding-left: 68px;
}

@media screen and (min-width: 320px) {
  .pl-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8\.5--fluid {
    padding-left: 136px;
  }
}

.pr-8--fluid {
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .pr-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-8--fluid {
    padding-right: 128px;
  }
}

.pt-8--fluid {
  padding-top: 64px;
}

@media screen and (min-width: 320px) {
  .pt-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8--fluid {
    padding-top: 128px;
  }
}

.pt-8\.5--fluid {
  padding-top: 68px;
}

@media screen and (min-width: 320px) {
  .pt-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8\.5--fluid {
    padding-top: 136px;
  }
}

.pb-8--fluid {
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .pb-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8--fluid {
    padding-bottom: 128px;
  }
}

.pb-8\.5--fluid {
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .pb-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.px-8--fluid {
  padding-left: 64px;
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-right: 128px;
  }
}

.px-8\.5--fluid {
  padding-left: 68px;
  padding-right: 68px;
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-right: 136px;
  }
}

.py-8--fluid {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-bottom: 128px;
  }
}

.py-8\.5--fluid {
  padding-top: 68px;
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.m-8--fluid {
  margin: 64px;
}

@media screen and (min-width: 320px) {
  .m-8--fluid {
    margin: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8--fluid {
    margin: 128px;
  }
}

.m-8\.5--fluid {
  margin: 68px;
}

@media screen and (min-width: 320px) {
  .m-8\.5--fluid {
    margin: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8\.5--fluid {
    margin: 136px;
  }
}

.ml-8--fluid {
  margin-left: 64px;
}

@media screen and (min-width: 320px) {
  .ml-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8--fluid {
    margin-left: 128px;
  }
}

.ml-8\.5--fluid {
  margin-left: 68px;
}

@media screen and (min-width: 320px) {
  .ml-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8\.5--fluid {
    margin-left: 136px;
  }
}

.mr-8--fluid {
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mr-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8--fluid {
    margin-right: 128px;
  }
}

.mr-8\.5--fluid {
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mr-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8\.5--fluid {
    margin-right: 136px;
  }
}

.mt-8--fluid {
  margin-top: 64px;
}

@media screen and (min-width: 320px) {
  .mt-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8--fluid {
    margin-top: 128px;
  }
}

.mt-8\.5--fluid {
  margin-top: 68px;
}

@media screen and (min-width: 320px) {
  .mt-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8\.5--fluid {
    margin-top: 136px;
  }
}

.mb-8--fluid {
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .mb-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8--fluid {
    margin-bottom: 128px;
  }
}

.mb-8\.5--fluid {
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .mb-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.mx-8--fluid {
  margin-left: 64px;
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-right: 128px;
  }
}

.mx-8\.5--fluid {
  margin-left: 68px;
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-right: 136px;
  }
}

.my-8--fluid {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-bottom: 128px;
  }
}

.my-8\.5--fluid {
  margin-top: 68px;
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.-m-8--fluid {
  margin: -64px;
}

@media screen and (min-width: 320px) {
  .-m-8--fluid {
    margin: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8--fluid {
    margin: -128px;
  }
}

.-m-8\.5--fluid {
  margin: -68px;
}

@media screen and (min-width: 320px) {
  .-m-8\.5--fluid {
    margin: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8\.5--fluid {
    margin: -136px;
  }
}

.-ml-8--fluid {
  margin-left: -64px;
}

@media screen and (min-width: 320px) {
  .-ml-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8--fluid {
    margin-left: -128px;
  }
}

.-ml-8\.5--fluid {
  margin-left: -68px;
}

@media screen and (min-width: 320px) {
  .-ml-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8\.5--fluid {
    margin-left: -136px;
  }
}

.-mr-8--fluid {
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mr-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8--fluid {
    margin-right: -128px;
  }
}

.-mr-8\.5--fluid {
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mr-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mt-8--fluid {
  margin-top: -64px;
}

@media screen and (min-width: 320px) {
  .-mt-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8--fluid {
    margin-top: -128px;
  }
}

.-mt-8\.5--fluid {
  margin-top: -68px;
}

@media screen and (min-width: 320px) {
  .-mt-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8\.5--fluid {
    margin-top: -136px;
  }
}

.-mb-8--fluid {
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-mb-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8--fluid {
    margin-bottom: -128px;
  }
}

.-mb-8\.5--fluid {
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-mb-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mx-8--fluid {
  margin-left: -64px;
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-left: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-right: -128px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-my-8--fluid {
  margin-top: -64px;
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-top: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-bottom: -128px;
  }
}

.-my-8\.5--fluid {
  margin-top: -68px;
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-top: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.p-9--fluid {
  padding: 72px;
}

@media screen and (min-width: 320px) {
  .p-9--fluid {
    padding: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9--fluid {
    padding: 144px;
  }
}

.p-9\.5--fluid {
  padding: 76px;
}

@media screen and (min-width: 320px) {
  .p-9\.5--fluid {
    padding: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9\.5--fluid {
    padding: 152px;
  }
}

.pl-9--fluid {
  padding-left: 72px;
}

@media screen and (min-width: 320px) {
  .pl-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9--fluid {
    padding-left: 144px;
  }
}

.pl-9\.5--fluid {
  padding-left: 76px;
}

@media screen and (min-width: 320px) {
  .pl-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9\.5--fluid {
    padding-left: 152px;
  }
}

.pr-9--fluid {
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .pr-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-9--fluid {
    padding-right: 144px;
  }
}

.pt-9--fluid {
  padding-top: 72px;
}

@media screen and (min-width: 320px) {
  .pt-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9--fluid {
    padding-top: 144px;
  }
}

.pt-9\.5--fluid {
  padding-top: 76px;
}

@media screen and (min-width: 320px) {
  .pt-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9\.5--fluid {
    padding-top: 152px;
  }
}

.pb-9--fluid {
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .pb-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9--fluid {
    padding-bottom: 144px;
  }
}

.pb-9\.5--fluid {
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .pb-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.px-9--fluid {
  padding-left: 72px;
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-right: 144px;
  }
}

.px-9\.5--fluid {
  padding-left: 76px;
  padding-right: 76px;
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-right: 152px;
  }
}

.py-9--fluid {
  padding-top: 72px;
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-bottom: 144px;
  }
}

.py-9\.5--fluid {
  padding-top: 76px;
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.m-9--fluid {
  margin: 72px;
}

@media screen and (min-width: 320px) {
  .m-9--fluid {
    margin: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9--fluid {
    margin: 144px;
  }
}

.m-9\.5--fluid {
  margin: 76px;
}

@media screen and (min-width: 320px) {
  .m-9\.5--fluid {
    margin: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9\.5--fluid {
    margin: 152px;
  }
}

.ml-9--fluid {
  margin-left: 72px;
}

@media screen and (min-width: 320px) {
  .ml-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9--fluid {
    margin-left: 144px;
  }
}

.ml-9\.5--fluid {
  margin-left: 76px;
}

@media screen and (min-width: 320px) {
  .ml-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9\.5--fluid {
    margin-left: 152px;
  }
}

.mr-9--fluid {
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mr-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9--fluid {
    margin-right: 144px;
  }
}

.mr-9\.5--fluid {
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mr-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9\.5--fluid {
    margin-right: 152px;
  }
}

.mt-9--fluid {
  margin-top: 72px;
}

@media screen and (min-width: 320px) {
  .mt-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9--fluid {
    margin-top: 144px;
  }
}

.mt-9\.5--fluid {
  margin-top: 76px;
}

@media screen and (min-width: 320px) {
  .mt-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9\.5--fluid {
    margin-top: 152px;
  }
}

.mb-9--fluid {
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .mb-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9--fluid {
    margin-bottom: 144px;
  }
}

.mb-9\.5--fluid {
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .mb-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.mx-9--fluid {
  margin-left: 72px;
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-right: 144px;
  }
}

.mx-9\.5--fluid {
  margin-left: 76px;
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-right: 152px;
  }
}

.my-9--fluid {
  margin-top: 72px;
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-bottom: 144px;
  }
}

.my-9\.5--fluid {
  margin-top: 76px;
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.-m-9--fluid {
  margin: -72px;
}

@media screen and (min-width: 320px) {
  .-m-9--fluid {
    margin: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9--fluid {
    margin: -144px;
  }
}

.-m-9\.5--fluid {
  margin: -76px;
}

@media screen and (min-width: 320px) {
  .-m-9\.5--fluid {
    margin: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9\.5--fluid {
    margin: -152px;
  }
}

.-ml-9--fluid {
  margin-left: -72px;
}

@media screen and (min-width: 320px) {
  .-ml-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9--fluid {
    margin-left: -144px;
  }
}

.-ml-9\.5--fluid {
  margin-left: -76px;
}

@media screen and (min-width: 320px) {
  .-ml-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9\.5--fluid {
    margin-left: -152px;
  }
}

.-mr-9--fluid {
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mr-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9--fluid {
    margin-right: -144px;
  }
}

.-mr-9\.5--fluid {
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mr-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mt-9--fluid {
  margin-top: -72px;
}

@media screen and (min-width: 320px) {
  .-mt-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9--fluid {
    margin-top: -144px;
  }
}

.-mt-9\.5--fluid {
  margin-top: -76px;
}

@media screen and (min-width: 320px) {
  .-mt-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9\.5--fluid {
    margin-top: -152px;
  }
}

.-mb-9--fluid {
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-mb-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9--fluid {
    margin-bottom: -144px;
  }
}

.-mb-9\.5--fluid {
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-mb-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mx-9--fluid {
  margin-left: -72px;
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-left: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-right: -144px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-my-9--fluid {
  margin-top: -72px;
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-top: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-bottom: -144px;
  }
}

.-my-9\.5--fluid {
  margin-top: -76px;
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-top: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.p-10--fluid {
  padding: 80px;
}

@media screen and (min-width: 320px) {
  .p-10--fluid {
    padding: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10--fluid {
    padding: 160px;
  }
}

.p-10\.5--fluid {
  padding: 84px;
}

@media screen and (min-width: 320px) {
  .p-10\.5--fluid {
    padding: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10\.5--fluid {
    padding: 168px;
  }
}

.pl-10--fluid {
  padding-left: 80px;
}

@media screen and (min-width: 320px) {
  .pl-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10--fluid {
    padding-left: 160px;
  }
}

.pl-10\.5--fluid {
  padding-left: 84px;
}

@media screen and (min-width: 320px) {
  .pl-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10\.5--fluid {
    padding-left: 168px;
  }
}

.pr-10--fluid {
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .pr-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-10--fluid {
    padding-right: 160px;
  }
}

.pt-10--fluid {
  padding-top: 80px;
}

@media screen and (min-width: 320px) {
  .pt-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10--fluid {
    padding-top: 160px;
  }
}

.pt-10\.5--fluid {
  padding-top: 84px;
}

@media screen and (min-width: 320px) {
  .pt-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10\.5--fluid {
    padding-top: 168px;
  }
}

.pb-10--fluid {
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .pb-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10--fluid {
    padding-bottom: 160px;
  }
}

.pb-10\.5--fluid {
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .pb-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.px-10--fluid {
  padding-left: 80px;
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-right: 160px;
  }
}

.px-10\.5--fluid {
  padding-left: 84px;
  padding-right: 84px;
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-right: 168px;
  }
}

.py-10--fluid {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-bottom: 160px;
  }
}

.py-10\.5--fluid {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.m-10--fluid {
  margin: 80px;
}

@media screen and (min-width: 320px) {
  .m-10--fluid {
    margin: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10--fluid {
    margin: 160px;
  }
}

.m-10\.5--fluid {
  margin: 84px;
}

@media screen and (min-width: 320px) {
  .m-10\.5--fluid {
    margin: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10\.5--fluid {
    margin: 168px;
  }
}

.ml-10--fluid {
  margin-left: 80px;
}

@media screen and (min-width: 320px) {
  .ml-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10--fluid {
    margin-left: 160px;
  }
}

.ml-10\.5--fluid {
  margin-left: 84px;
}

@media screen and (min-width: 320px) {
  .ml-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10\.5--fluid {
    margin-left: 168px;
  }
}

.mr-10--fluid {
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mr-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10--fluid {
    margin-right: 160px;
  }
}

.mr-10\.5--fluid {
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mr-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10\.5--fluid {
    margin-right: 168px;
  }
}

.mt-10--fluid {
  margin-top: 80px;
}

@media screen and (min-width: 320px) {
  .mt-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10--fluid {
    margin-top: 160px;
  }
}

.mt-10\.5--fluid {
  margin-top: 84px;
}

@media screen and (min-width: 320px) {
  .mt-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10\.5--fluid {
    margin-top: 168px;
  }
}

.mb-10--fluid {
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .mb-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10--fluid {
    margin-bottom: 160px;
  }
}

.mb-10\.5--fluid {
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .mb-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.mx-10--fluid {
  margin-left: 80px;
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-right: 160px;
  }
}

.mx-10\.5--fluid {
  margin-left: 84px;
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-right: 168px;
  }
}

.my-10--fluid {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-bottom: 160px;
  }
}

.my-10\.5--fluid {
  margin-top: 84px;
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.-m-10--fluid {
  margin: -80px;
}

@media screen and (min-width: 320px) {
  .-m-10--fluid {
    margin: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10--fluid {
    margin: -160px;
  }
}

.-m-10\.5--fluid {
  margin: -84px;
}

@media screen and (min-width: 320px) {
  .-m-10\.5--fluid {
    margin: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10\.5--fluid {
    margin: -168px;
  }
}

.-ml-10--fluid {
  margin-left: -80px;
}

@media screen and (min-width: 320px) {
  .-ml-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10--fluid {
    margin-left: -160px;
  }
}

.-ml-10\.5--fluid {
  margin-left: -84px;
}

@media screen and (min-width: 320px) {
  .-ml-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10\.5--fluid {
    margin-left: -168px;
  }
}

.-mr-10--fluid {
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mr-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10--fluid {
    margin-right: -160px;
  }
}

.-mr-10\.5--fluid {
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mr-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mt-10--fluid {
  margin-top: -80px;
}

@media screen and (min-width: 320px) {
  .-mt-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10--fluid {
    margin-top: -160px;
  }
}

.-mt-10\.5--fluid {
  margin-top: -84px;
}

@media screen and (min-width: 320px) {
  .-mt-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10\.5--fluid {
    margin-top: -168px;
  }
}

.-mb-10--fluid {
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-mb-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10--fluid {
    margin-bottom: -160px;
  }
}

.-mb-10\.5--fluid {
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-mb-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mx-10--fluid {
  margin-left: -80px;
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-left: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-right: -160px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-my-10--fluid {
  margin-top: -80px;
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-top: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-bottom: -160px;
  }
}

.-my-10\.5--fluid {
  margin-top: -84px;
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-top: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.p-11--fluid {
  padding: 88px;
}

@media screen and (min-width: 320px) {
  .p-11--fluid {
    padding: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11--fluid {
    padding: 176px;
  }
}

.p-11\.5--fluid {
  padding: 92px;
}

@media screen and (min-width: 320px) {
  .p-11\.5--fluid {
    padding: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11\.5--fluid {
    padding: 184px;
  }
}

.pl-11--fluid {
  padding-left: 88px;
}

@media screen and (min-width: 320px) {
  .pl-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11--fluid {
    padding-left: 176px;
  }
}

.pl-11\.5--fluid {
  padding-left: 92px;
}

@media screen and (min-width: 320px) {
  .pl-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11\.5--fluid {
    padding-left: 184px;
  }
}

.pr-11--fluid {
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .pr-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-11--fluid {
    padding-right: 176px;
  }
}

.pt-11--fluid {
  padding-top: 88px;
}

@media screen and (min-width: 320px) {
  .pt-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11--fluid {
    padding-top: 176px;
  }
}

.pt-11\.5--fluid {
  padding-top: 92px;
}

@media screen and (min-width: 320px) {
  .pt-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11\.5--fluid {
    padding-top: 184px;
  }
}

.pb-11--fluid {
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .pb-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11--fluid {
    padding-bottom: 176px;
  }
}

.pb-11\.5--fluid {
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .pb-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.px-11--fluid {
  padding-left: 88px;
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-right: 176px;
  }
}

.px-11\.5--fluid {
  padding-left: 92px;
  padding-right: 92px;
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-right: 184px;
  }
}

.py-11--fluid {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-bottom: 176px;
  }
}

.py-11\.5--fluid {
  padding-top: 92px;
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.m-11--fluid {
  margin: 88px;
}

@media screen and (min-width: 320px) {
  .m-11--fluid {
    margin: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11--fluid {
    margin: 176px;
  }
}

.m-11\.5--fluid {
  margin: 92px;
}

@media screen and (min-width: 320px) {
  .m-11\.5--fluid {
    margin: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11\.5--fluid {
    margin: 184px;
  }
}

.ml-11--fluid {
  margin-left: 88px;
}

@media screen and (min-width: 320px) {
  .ml-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11--fluid {
    margin-left: 176px;
  }
}

.ml-11\.5--fluid {
  margin-left: 92px;
}

@media screen and (min-width: 320px) {
  .ml-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11\.5--fluid {
    margin-left: 184px;
  }
}

.mr-11--fluid {
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mr-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11--fluid {
    margin-right: 176px;
  }
}

.mr-11\.5--fluid {
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mr-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11\.5--fluid {
    margin-right: 184px;
  }
}

.mt-11--fluid {
  margin-top: 88px;
}

@media screen and (min-width: 320px) {
  .mt-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11--fluid {
    margin-top: 176px;
  }
}

.mt-11\.5--fluid {
  margin-top: 92px;
}

@media screen and (min-width: 320px) {
  .mt-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11\.5--fluid {
    margin-top: 184px;
  }
}

.mb-11--fluid {
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .mb-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11--fluid {
    margin-bottom: 176px;
  }
}

.mb-11\.5--fluid {
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .mb-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.mx-11--fluid {
  margin-left: 88px;
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-right: 176px;
  }
}

.mx-11\.5--fluid {
  margin-left: 92px;
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-right: 184px;
  }
}

.my-11--fluid {
  margin-top: 88px;
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-bottom: 176px;
  }
}

.my-11\.5--fluid {
  margin-top: 92px;
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.-m-11--fluid {
  margin: -88px;
}

@media screen and (min-width: 320px) {
  .-m-11--fluid {
    margin: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11--fluid {
    margin: -176px;
  }
}

.-m-11\.5--fluid {
  margin: -92px;
}

@media screen and (min-width: 320px) {
  .-m-11\.5--fluid {
    margin: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11\.5--fluid {
    margin: -184px;
  }
}

.-ml-11--fluid {
  margin-left: -88px;
}

@media screen and (min-width: 320px) {
  .-ml-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11--fluid {
    margin-left: -176px;
  }
}

.-ml-11\.5--fluid {
  margin-left: -92px;
}

@media screen and (min-width: 320px) {
  .-ml-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11\.5--fluid {
    margin-left: -184px;
  }
}

.-mr-11--fluid {
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mr-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11--fluid {
    margin-right: -176px;
  }
}

.-mr-11\.5--fluid {
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mr-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mt-11--fluid {
  margin-top: -88px;
}

@media screen and (min-width: 320px) {
  .-mt-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11--fluid {
    margin-top: -176px;
  }
}

.-mt-11\.5--fluid {
  margin-top: -92px;
}

@media screen and (min-width: 320px) {
  .-mt-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11\.5--fluid {
    margin-top: -184px;
  }
}

.-mb-11--fluid {
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-mb-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11--fluid {
    margin-bottom: -176px;
  }
}

.-mb-11\.5--fluid {
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-mb-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11\.5--fluid {
    margin-bottom: -184px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mx-11--fluid {
  margin-left: -88px;
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-left: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-right: -176px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-my-11--fluid {
  margin-top: -88px;
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-top: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-bottom: -176px;
  }
}

.-my-11\.5--fluid {
  margin-top: -92px;
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-top: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-bottom: -184px;
  }
}

@media (min-width: 1200px) {
  .l\:w-1\/6 {
    width: calc(1 / 6 * 100%);
  }

  .l\:offset-1\/6 {
    margin-left: calc(1 / 6 * 100%);
  }

  .l\:push-left-1\/6 {
    left: calc(1 / 6 * 100%);
  }

  .l\:pull-left-1\/6 {
    left: calc(1 / 6 * -100%);
  }

  .l\:push-right-1\/6 {
    right: calc(1 / 6 * 100%);
  }

  .l\:pull-right-1\/6 {
    right: calc(1 / 6 * -100%);
  }

  .l\:w-2\/6 {
    width: calc(2 / 6 * 100%);
  }

  .l\:offset-2\/6 {
    margin-left: calc(2 / 6 * 100%);
  }

  .l\:push-left-2\/6 {
    left: calc(2 / 6 * 100%);
  }

  .l\:pull-left-2\/6 {
    left: calc(2 / 6 * -100%);
  }

  .l\:push-right-2\/6 {
    right: calc(2 / 6 * 100%);
  }

  .l\:pull-right-2\/6 {
    right: calc(2 / 6 * -100%);
  }

  .l\:w-3\/6 {
    width: calc(3 / 6 * 100%);
  }

  .l\:offset-3\/6 {
    margin-left: calc(3 / 6 * 100%);
  }

  .l\:push-left-3\/6 {
    left: calc(3 / 6 * 100%);
  }

  .l\:pull-left-3\/6 {
    left: calc(3 / 6 * -100%);
  }

  .l\:push-right-3\/6 {
    right: calc(3 / 6 * 100%);
  }

  .l\:pull-right-3\/6 {
    right: calc(3 / 6 * -100%);
  }

  .l\:w-4\/6 {
    width: calc(4 / 6 * 100%);
  }

  .l\:offset-4\/6 {
    margin-left: calc(4 / 6 * 100%);
  }

  .l\:push-left-4\/6 {
    left: calc(4 / 6 * 100%);
  }

  .l\:pull-left-4\/6 {
    left: calc(4 / 6 * -100%);
  }

  .l\:push-right-4\/6 {
    right: calc(4 / 6 * 100%);
  }

  .l\:pull-right-4\/6 {
    right: calc(4 / 6 * -100%);
  }

  .l\:w-5\/6 {
    width: calc(5 / 6 * 100%);
  }

  .l\:offset-5\/6 {
    margin-left: calc(5 / 6 * 100%);
  }

  .l\:push-left-5\/6 {
    left: calc(5 / 6 * 100%);
  }

  .l\:pull-left-5\/6 {
    left: calc(5 / 6 * -100%);
  }

  .l\:push-right-5\/6 {
    right: calc(5 / 6 * 100%);
  }

  .l\:pull-right-5\/6 {
    right: calc(5 / 6 * -100%);
  }

  .l\:w-6\/6 {
    width: calc(6 / 6 * 100%);
  }

  .l\:offset-6\/6 {
    margin-left: calc(6 / 6 * 100%);
  }

  .l\:push-left-6\/6 {
    left: calc(6 / 6 * 100%);
  }

  .l\:pull-left-6\/6 {
    left: calc(6 / 6 * -100%);
  }

  .l\:push-right-6\/6 {
    right: calc(6 / 6 * 100%);
  }

  .l\:pull-right-6\/6 {
    right: calc(6 / 6 * -100%);
  }

  .l\:w-1\/12 {
    width: calc(1 / 12 * 100%);
  }

  .l\:offset-1\/12 {
    margin-left: calc(1 / 12 * 100%);
  }

  .l\:push-left-1\/12 {
    left: calc(1 / 12 * 100%);
  }

  .l\:pull-left-1\/12 {
    left: calc(1 / 12 * -100%);
  }

  .l\:push-right-1\/12 {
    right: calc(1 / 12 * 100%);
  }

  .l\:pull-right-1\/12 {
    right: calc(1 / 12 * -100%);
  }

  .l\:w-2\/12 {
    width: calc(2 / 12 * 100%);
  }

  .l\:offset-2\/12 {
    margin-left: calc(2 / 12 * 100%);
  }

  .l\:push-left-2\/12 {
    left: calc(2 / 12 * 100%);
  }

  .l\:pull-left-2\/12 {
    left: calc(2 / 12 * -100%);
  }

  .l\:push-right-2\/12 {
    right: calc(2 / 12 * 100%);
  }

  .l\:pull-right-2\/12 {
    right: calc(2 / 12 * -100%);
  }

  .l\:w-3\/12 {
    width: calc(3 / 12 * 100%);
  }

  .l\:offset-3\/12 {
    margin-left: calc(3 / 12 * 100%);
  }

  .l\:push-left-3\/12 {
    left: calc(3 / 12 * 100%);
  }

  .l\:pull-left-3\/12 {
    left: calc(3 / 12 * -100%);
  }

  .l\:push-right-3\/12 {
    right: calc(3 / 12 * 100%);
  }

  .l\:pull-right-3\/12 {
    right: calc(3 / 12 * -100%);
  }

  .l\:w-4\/12 {
    width: calc(4 / 12 * 100%);
  }

  .l\:offset-4\/12 {
    margin-left: calc(4 / 12 * 100%);
  }

  .l\:push-left-4\/12 {
    left: calc(4 / 12 * 100%);
  }

  .l\:pull-left-4\/12 {
    left: calc(4 / 12 * -100%);
  }

  .l\:push-right-4\/12 {
    right: calc(4 / 12 * 100%);
  }

  .l\:pull-right-4\/12 {
    right: calc(4 / 12 * -100%);
  }

  .l\:w-5\/12 {
    width: calc(5 / 12 * 100%);
  }

  .l\:offset-5\/12 {
    margin-left: calc(5 / 12 * 100%);
  }

  .l\:push-left-5\/12 {
    left: calc(5 / 12 * 100%);
  }

  .l\:pull-left-5\/12 {
    left: calc(5 / 12 * -100%);
  }

  .l\:push-right-5\/12 {
    right: calc(5 / 12 * 100%);
  }

  .l\:pull-right-5\/12 {
    right: calc(5 / 12 * -100%);
  }

  .l\:w-6\/12 {
    width: calc(6 / 12 * 100%);
  }

  .l\:offset-6\/12 {
    margin-left: calc(6 / 12 * 100%);
  }

  .l\:push-left-6\/12 {
    left: calc(6 / 12 * 100%);
  }

  .l\:pull-left-6\/12 {
    left: calc(6 / 12 * -100%);
  }

  .l\:push-right-6\/12 {
    right: calc(6 / 12 * 100%);
  }

  .l\:pull-right-6\/12 {
    right: calc(6 / 12 * -100%);
  }

  .l\:w-7\/12 {
    width: calc(7 / 12 * 100%);
  }

  .l\:offset-7\/12 {
    margin-left: calc(7 / 12 * 100%);
  }

  .l\:push-left-7\/12 {
    left: calc(7 / 12 * 100%);
  }

  .l\:pull-left-7\/12 {
    left: calc(7 / 12 * -100%);
  }

  .l\:push-right-7\/12 {
    right: calc(7 / 12 * 100%);
  }

  .l\:pull-right-7\/12 {
    right: calc(7 / 12 * -100%);
  }

  .l\:w-8\/12 {
    width: calc(8 / 12 * 100%);
  }

  .l\:offset-8\/12 {
    margin-left: calc(8 / 12 * 100%);
  }

  .l\:push-left-8\/12 {
    left: calc(8 / 12 * 100%);
  }

  .l\:pull-left-8\/12 {
    left: calc(8 / 12 * -100%);
  }

  .l\:push-right-8\/12 {
    right: calc(8 / 12 * 100%);
  }

  .l\:pull-right-8\/12 {
    right: calc(8 / 12 * -100%);
  }

  .l\:w-9\/12 {
    width: calc(9 / 12 * 100%);
  }

  .l\:offset-9\/12 {
    margin-left: calc(9 / 12 * 100%);
  }

  .l\:push-left-9\/12 {
    left: calc(9 / 12 * 100%);
  }

  .l\:pull-left-9\/12 {
    left: calc(9 / 12 * -100%);
  }

  .l\:push-right-9\/12 {
    right: calc(9 / 12 * 100%);
  }

  .l\:pull-right-9\/12 {
    right: calc(9 / 12 * -100%);
  }

  .l\:w-10\/12 {
    width: calc(10 / 12 * 100%);
  }

  .l\:offset-10\/12 {
    margin-left: calc(10 / 12 * 100%);
  }

  .l\:push-left-10\/12 {
    left: calc(10 / 12 * 100%);
  }

  .l\:pull-left-10\/12 {
    left: calc(10 / 12 * -100%);
  }

  .l\:push-right-10\/12 {
    right: calc(10 / 12 * 100%);
  }

  .l\:pull-right-10\/12 {
    right: calc(10 / 12 * -100%);
  }

  .l\:w-11\/12 {
    width: calc(11 / 12 * 100%);
  }

  .l\:offset-11\/12 {
    margin-left: calc(11 / 12 * 100%);
  }

  .l\:push-left-11\/12 {
    left: calc(11 / 12 * 100%);
  }

  .l\:pull-left-11\/12 {
    left: calc(11 / 12 * -100%);
  }

  .l\:push-right-11\/12 {
    right: calc(11 / 12 * 100%);
  }

  .l\:pull-right-11\/12 {
    right: calc(11 / 12 * -100%);
  }

  .l\:w-12\/12 {
    width: calc(12 / 12 * 100%);
  }

  .l\:offset-12\/12 {
    margin-left: calc(12 / 12 * 100%);
  }

  .l\:push-left-12\/12 {
    left: calc(12 / 12 * 100%);
  }

  .l\:pull-left-12\/12 {
    left: calc(12 / 12 * -100%);
  }

  .l\:push-right-12\/12 {
    right: calc(12 / 12 * 100%);
  }

  .l\:pull-right-12\/12 {
    right: calc(12 / 12 * -100%);
  }

  .l\:w-1\/24 {
    width: calc(1 / 24 * 100%);
  }

  .l\:offset-1\/24 {
    margin-left: calc(1 / 24 * 100%);
  }

  .l\:push-left-1\/24 {
    left: calc(1 / 24 * 100%);
  }

  .l\:pull-left-1\/24 {
    left: calc(1 / 24 * -100%);
  }

  .l\:push-right-1\/24 {
    right: calc(1 / 24 * 100%);
  }

  .l\:pull-right-1\/24 {
    right: calc(1 / 24 * -100%);
  }

  .l\:w-2\/24 {
    width: calc(2 / 24 * 100%);
  }

  .l\:offset-2\/24 {
    margin-left: calc(2 / 24 * 100%);
  }

  .l\:push-left-2\/24 {
    left: calc(2 / 24 * 100%);
  }

  .l\:pull-left-2\/24 {
    left: calc(2 / 24 * -100%);
  }

  .l\:push-right-2\/24 {
    right: calc(2 / 24 * 100%);
  }

  .l\:pull-right-2\/24 {
    right: calc(2 / 24 * -100%);
  }

  .l\:w-3\/24 {
    width: calc(3 / 24 * 100%);
  }

  .l\:offset-3\/24 {
    margin-left: calc(3 / 24 * 100%);
  }

  .l\:push-left-3\/24 {
    left: calc(3 / 24 * 100%);
  }

  .l\:pull-left-3\/24 {
    left: calc(3 / 24 * -100%);
  }

  .l\:push-right-3\/24 {
    right: calc(3 / 24 * 100%);
  }

  .l\:pull-right-3\/24 {
    right: calc(3 / 24 * -100%);
  }

  .l\:w-4\/24 {
    width: calc(4 / 24 * 100%);
  }

  .l\:offset-4\/24 {
    margin-left: calc(4 / 24 * 100%);
  }

  .l\:push-left-4\/24 {
    left: calc(4 / 24 * 100%);
  }

  .l\:pull-left-4\/24 {
    left: calc(4 / 24 * -100%);
  }

  .l\:push-right-4\/24 {
    right: calc(4 / 24 * 100%);
  }

  .l\:pull-right-4\/24 {
    right: calc(4 / 24 * -100%);
  }

  .l\:w-5\/24 {
    width: calc(5 / 24 * 100%);
  }

  .l\:offset-5\/24 {
    margin-left: calc(5 / 24 * 100%);
  }

  .l\:push-left-5\/24 {
    left: calc(5 / 24 * 100%);
  }

  .l\:pull-left-5\/24 {
    left: calc(5 / 24 * -100%);
  }

  .l\:push-right-5\/24 {
    right: calc(5 / 24 * 100%);
  }

  .l\:pull-right-5\/24 {
    right: calc(5 / 24 * -100%);
  }

  .l\:w-6\/24 {
    width: calc(6 / 24 * 100%);
  }

  .l\:offset-6\/24 {
    margin-left: calc(6 / 24 * 100%);
  }

  .l\:push-left-6\/24 {
    left: calc(6 / 24 * 100%);
  }

  .l\:pull-left-6\/24 {
    left: calc(6 / 24 * -100%);
  }

  .l\:push-right-6\/24 {
    right: calc(6 / 24 * 100%);
  }

  .l\:pull-right-6\/24 {
    right: calc(6 / 24 * -100%);
  }

  .l\:w-7\/24 {
    width: calc(7 / 24 * 100%);
  }

  .l\:offset-7\/24 {
    margin-left: calc(7 / 24 * 100%);
  }

  .l\:push-left-7\/24 {
    left: calc(7 / 24 * 100%);
  }

  .l\:pull-left-7\/24 {
    left: calc(7 / 24 * -100%);
  }

  .l\:push-right-7\/24 {
    right: calc(7 / 24 * 100%);
  }

  .l\:pull-right-7\/24 {
    right: calc(7 / 24 * -100%);
  }

  .l\:w-8\/24 {
    width: calc(8 / 24 * 100%);
  }

  .l\:offset-8\/24 {
    margin-left: calc(8 / 24 * 100%);
  }

  .l\:push-left-8\/24 {
    left: calc(8 / 24 * 100%);
  }

  .l\:pull-left-8\/24 {
    left: calc(8 / 24 * -100%);
  }

  .l\:push-right-8\/24 {
    right: calc(8 / 24 * 100%);
  }

  .l\:pull-right-8\/24 {
    right: calc(8 / 24 * -100%);
  }

  .l\:w-9\/24 {
    width: calc(9 / 24 * 100%);
  }

  .l\:offset-9\/24 {
    margin-left: calc(9 / 24 * 100%);
  }

  .l\:push-left-9\/24 {
    left: calc(9 / 24 * 100%);
  }

  .l\:pull-left-9\/24 {
    left: calc(9 / 24 * -100%);
  }

  .l\:push-right-9\/24 {
    right: calc(9 / 24 * 100%);
  }

  .l\:pull-right-9\/24 {
    right: calc(9 / 24 * -100%);
  }

  .l\:w-10\/24 {
    width: calc(10 / 24 * 100%);
  }

  .l\:offset-10\/24 {
    margin-left: calc(10 / 24 * 100%);
  }

  .l\:push-left-10\/24 {
    left: calc(10 / 24 * 100%);
  }

  .l\:pull-left-10\/24 {
    left: calc(10 / 24 * -100%);
  }

  .l\:push-right-10\/24 {
    right: calc(10 / 24 * 100%);
  }

  .l\:pull-right-10\/24 {
    right: calc(10 / 24 * -100%);
  }

  .l\:w-11\/24 {
    width: calc(11 / 24 * 100%);
  }

  .l\:offset-11\/24 {
    margin-left: calc(11 / 24 * 100%);
  }

  .l\:push-left-11\/24 {
    left: calc(11 / 24 * 100%);
  }

  .l\:pull-left-11\/24 {
    left: calc(11 / 24 * -100%);
  }

  .l\:push-right-11\/24 {
    right: calc(11 / 24 * 100%);
  }

  .l\:pull-right-11\/24 {
    right: calc(11 / 24 * -100%);
  }

  .l\:w-12\/24 {
    width: calc(12 / 24 * 100%);
  }

  .l\:offset-12\/24 {
    margin-left: calc(12 / 24 * 100%);
  }

  .l\:push-left-12\/24 {
    left: calc(12 / 24 * 100%);
  }

  .l\:pull-left-12\/24 {
    left: calc(12 / 24 * -100%);
  }

  .l\:push-right-12\/24 {
    right: calc(12 / 24 * 100%);
  }

  .l\:pull-right-12\/24 {
    right: calc(12 / 24 * -100%);
  }

  .l\:w-13\/24 {
    width: calc(13 / 24 * 100%);
  }

  .l\:offset-13\/24 {
    margin-left: calc(13 / 24 * 100%);
  }

  .l\:push-left-13\/24 {
    left: calc(13 / 24 * 100%);
  }

  .l\:pull-left-13\/24 {
    left: calc(13 / 24 * -100%);
  }

  .l\:push-right-13\/24 {
    right: calc(13 / 24 * 100%);
  }

  .l\:pull-right-13\/24 {
    right: calc(13 / 24 * -100%);
  }

  .l\:w-14\/24 {
    width: calc(14 / 24 * 100%);
  }

  .l\:offset-14\/24 {
    margin-left: calc(14 / 24 * 100%);
  }

  .l\:push-left-14\/24 {
    left: calc(14 / 24 * 100%);
  }

  .l\:pull-left-14\/24 {
    left: calc(14 / 24 * -100%);
  }

  .l\:push-right-14\/24 {
    right: calc(14 / 24 * 100%);
  }

  .l\:pull-right-14\/24 {
    right: calc(14 / 24 * -100%);
  }

  .l\:w-15\/24 {
    width: calc(15 / 24 * 100%);
  }

  .l\:offset-15\/24 {
    margin-left: calc(15 / 24 * 100%);
  }

  .l\:push-left-15\/24 {
    left: calc(15 / 24 * 100%);
  }

  .l\:pull-left-15\/24 {
    left: calc(15 / 24 * -100%);
  }

  .l\:push-right-15\/24 {
    right: calc(15 / 24 * 100%);
  }

  .l\:pull-right-15\/24 {
    right: calc(15 / 24 * -100%);
  }

  .l\:w-16\/24 {
    width: calc(16 / 24 * 100%);
  }

  .l\:offset-16\/24 {
    margin-left: calc(16 / 24 * 100%);
  }

  .l\:push-left-16\/24 {
    left: calc(16 / 24 * 100%);
  }

  .l\:pull-left-16\/24 {
    left: calc(16 / 24 * -100%);
  }

  .l\:push-right-16\/24 {
    right: calc(16 / 24 * 100%);
  }

  .l\:pull-right-16\/24 {
    right: calc(16 / 24 * -100%);
  }

  .l\:w-17\/24 {
    width: calc(17 / 24 * 100%);
  }

  .l\:offset-17\/24 {
    margin-left: calc(17 / 24 * 100%);
  }

  .l\:push-left-17\/24 {
    left: calc(17 / 24 * 100%);
  }

  .l\:pull-left-17\/24 {
    left: calc(17 / 24 * -100%);
  }

  .l\:push-right-17\/24 {
    right: calc(17 / 24 * 100%);
  }

  .l\:pull-right-17\/24 {
    right: calc(17 / 24 * -100%);
  }

  .l\:w-18\/24 {
    width: calc(18 / 24 * 100%);
  }

  .l\:offset-18\/24 {
    margin-left: calc(18 / 24 * 100%);
  }

  .l\:push-left-18\/24 {
    left: calc(18 / 24 * 100%);
  }

  .l\:pull-left-18\/24 {
    left: calc(18 / 24 * -100%);
  }

  .l\:push-right-18\/24 {
    right: calc(18 / 24 * 100%);
  }

  .l\:pull-right-18\/24 {
    right: calc(18 / 24 * -100%);
  }

  .l\:w-19\/24 {
    width: calc(19 / 24 * 100%);
  }

  .l\:offset-19\/24 {
    margin-left: calc(19 / 24 * 100%);
  }

  .l\:push-left-19\/24 {
    left: calc(19 / 24 * 100%);
  }

  .l\:pull-left-19\/24 {
    left: calc(19 / 24 * -100%);
  }

  .l\:push-right-19\/24 {
    right: calc(19 / 24 * 100%);
  }

  .l\:pull-right-19\/24 {
    right: calc(19 / 24 * -100%);
  }

  .l\:w-20\/24 {
    width: calc(20 / 24 * 100%);
  }

  .l\:offset-20\/24 {
    margin-left: calc(20 / 24 * 100%);
  }

  .l\:push-left-20\/24 {
    left: calc(20 / 24 * 100%);
  }

  .l\:pull-left-20\/24 {
    left: calc(20 / 24 * -100%);
  }

  .l\:push-right-20\/24 {
    right: calc(20 / 24 * 100%);
  }

  .l\:pull-right-20\/24 {
    right: calc(20 / 24 * -100%);
  }

  .l\:w-21\/24 {
    width: calc(21 / 24 * 100%);
  }

  .l\:offset-21\/24 {
    margin-left: calc(21 / 24 * 100%);
  }

  .l\:push-left-21\/24 {
    left: calc(21 / 24 * 100%);
  }

  .l\:pull-left-21\/24 {
    left: calc(21 / 24 * -100%);
  }

  .l\:push-right-21\/24 {
    right: calc(21 / 24 * 100%);
  }

  .l\:pull-right-21\/24 {
    right: calc(21 / 24 * -100%);
  }

  .l\:w-22\/24 {
    width: calc(22 / 24 * 100%);
  }

  .l\:offset-22\/24 {
    margin-left: calc(22 / 24 * 100%);
  }

  .l\:push-left-22\/24 {
    left: calc(22 / 24 * 100%);
  }

  .l\:pull-left-22\/24 {
    left: calc(22 / 24 * -100%);
  }

  .l\:push-right-22\/24 {
    right: calc(22 / 24 * 100%);
  }

  .l\:pull-right-22\/24 {
    right: calc(22 / 24 * -100%);
  }

  .l\:w-23\/24 {
    width: calc(23 / 24 * 100%);
  }

  .l\:offset-23\/24 {
    margin-left: calc(23 / 24 * 100%);
  }

  .l\:push-left-23\/24 {
    left: calc(23 / 24 * 100%);
  }

  .l\:pull-left-23\/24 {
    left: calc(23 / 24 * -100%);
  }

  .l\:push-right-23\/24 {
    right: calc(23 / 24 * 100%);
  }

  .l\:pull-right-23\/24 {
    right: calc(23 / 24 * -100%);
  }

  .l\:w-24\/24 {
    width: calc(24 / 24 * 100%);
  }

  .l\:offset-24\/24 {
    margin-left: calc(24 / 24 * 100%);
  }

  .l\:push-left-24\/24 {
    left: calc(24 / 24 * 100%);
  }

  .l\:pull-left-24\/24 {
    left: calc(24 / 24 * -100%);
  }

  .l\:push-right-24\/24 {
    right: calc(24 / 24 * 100%);
  }

  .l\:pull-right-24\/24 {
    right: calc(24 / 24 * -100%);
  }

  .l\:w-1200px {
    width: 8px;
  }

  .l\:w-1200px {
    width: 16px;
  }

  .l\:w-1200px {
    width: 24px;
  }

  .l\:w-1200px {
    width: 32px;
  }

  .l\:w-1200px {
    width: 40px;
  }

  .l\:w-1200px {
    width: 48px;
  }

  .l\:w-1200px {
    width: 56px;
  }

  .l\:w-1200px {
    width: 64px;
  }

  .l\:w-1200px {
    width: 72px;
  }

  .l\:w-1200px {
    width: 80px;
  }

  .l\:w-1200px {
    width: 88px;
  }

  .l\:w-1200px {
    width: 96px;
  }

  .l\:w-1200px {
    width: 104px;
  }

  .l\:w-1200px {
    width: 112px;
  }

  .l\:w-1200px {
    width: 120px;
  }

  .l\:w-1200px {
    width: 128px;
  }

  .l\:w-1200px {
    width: 136px;
  }

  .l\:w-1200px {
    width: 144px;
  }

  .l\:w-1200px {
    width: 152px;
  }

  .l\:w-1200px {
    width: 160px;
  }

  .l\:w-1200px {
    width: 168px;
  }

  .l\:w-1200px {
    width: 176px;
  }

  .l\:w-1200px {
    width: 184px;
  }

  .l\:w-1200px {
    width: 192px;
  }

  .l\:w-1200px {
    width: 200px;
  }

  .l\:w-1200px {
    width: 208px;
  }

  .l\:w-1200px {
    width: 216px;
  }

  .l\:w-1200px {
    width: 224px;
  }

  .l\:w-1200px {
    width: 232px;
  }

  .l\:w-1200px {
    width: 240px;
  }

  .l\:w-1200px {
    width: 248px;
  }

  .l\:w-1200px {
    width: 256px;
  }

  .l\:w-screen {
    width: 100vw;
  }

  .l\:w-full {
    width: 100%;
  }

  .l\:min-w-0 {
    min-width: 0;
  }

  .l\:min-w-full {
    min-width: 100%;
  }

  .l\:h-1200px {
    height: 8px;
  }

  .l\:h-1200px {
    height: 16px;
  }

  .l\:h-1200px {
    height: 24px;
  }

  .l\:h-1200px {
    height: 32px;
  }

  .l\:h-1200px {
    height: 40px;
  }

  .l\:h-1200px {
    height: 48px;
  }

  .l\:h-1200px {
    height: 56px;
  }

  .l\:h-1200px {
    height: 64px;
  }

  .l\:h-1200px {
    height: 72px;
  }

  .l\:h-1200px {
    height: 80px;
  }

  .l\:h-1200px {
    height: 88px;
  }

  .l\:h-1200px {
    height: 96px;
  }

  .l\:h-1200px {
    height: 104px;
  }

  .l\:h-1200px {
    height: 112px;
  }

  .l\:h-1200px {
    height: 120px;
  }

  .l\:h-1200px {
    height: 128px;
  }

  .l\:h-1200px {
    height: 136px;
  }

  .l\:h-1200px {
    height: 144px;
  }

  .l\:h-1200px {
    height: 152px;
  }

  .l\:h-1200px {
    height: 160px;
  }

  .l\:h-1200px {
    height: 168px;
  }

  .l\:h-1200px {
    height: 176px;
  }

  .l\:h-1200px {
    height: 184px;
  }

  .l\:h-1200px {
    height: 192px;
  }

  .l\:h-1200px {
    height: 200px;
  }

  .l\:h-1200px {
    height: 208px;
  }

  .l\:h-1200px {
    height: 216px;
  }

  .l\:h-1200px {
    height: 224px;
  }

  .l\:h-1200px {
    height: 232px;
  }

  .l\:h-1200px {
    height: 240px;
  }

  .l\:h-1200px {
    height: 248px;
  }

  .l\:h-1200px {
    height: 256px;
  }

  .l\:h-screen {
    height: 100vw;
  }

  .l\:h-full {
    height: 100%;
  }

  .l\:min-h-0 {
    min-height: 0;
  }

  .l\:min-h-full {
    min-height: 100%;
  }

  .l\:min-h-screen {
    min-height: 100vh;
  }

  .l\:max-h-full {
    max-height: 100%;
  }

  .l\:max-h-screen {
    max-height: 100vh;
  }

  .l\:stack-0 > * + * {
    margin-top: 0;
  }

  .l\:stack-0\.25 > * + * {
    margin-top: 2px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-0\.25 > * + * {
    margin-top: calc(2px + 2 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-0\.25 > * + * {
    margin-top: 4px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-0\.5 > * + * {
    margin-top: 4px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-0\.5 > * + * {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-0\.5 > * + * {
    margin-top: 8px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-0\.75 > * + * {
    margin-top: 6px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-0\.75 > * + * {
    margin-top: calc(6px + 6 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-0\.75 > * + * {
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  .l\:stack > * + *,
  .l\:stack-1 > * + * {
    margin-top: 8px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack > * + *,
  .l\:stack-1 > * + * {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack > * + *,
  .l\:stack-1 > * + * {
    margin-top: 16px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-1\.5 > * + * {
    margin-top: 12px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-1\.5 > * + * {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-1\.5 > * + * {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-2 > * + * {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-2 > * + * {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-2 > * + * {
    margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-2\.5 > * + * {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-2\.5 > * + * {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-2\.5 > * + * {
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-3 > * + * {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-3 > * + * {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-3 > * + * {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-0\.25 > .a-headline {
    margin-top: 4px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-0\.25 > .a-headline {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-0\.25 > .a-headline {
    margin-top: 8px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-0\.25 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack-0\.5 > .a-headline {
    margin-top: 8px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-0\.5 > .a-headline {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-0\.5 > .a-headline {
    margin-top: 16px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-0\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack-0\.75 > .a-headline {
    margin-top: 12px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-0\.75 > .a-headline {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-0\.75 > .a-headline {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-0\.75 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack > .a-headline,
  .l\:stack-1 > .a-headline {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack > .a-headline,
  .l\:stack-1 > .a-headline {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack > .a-headline,
  .l\:stack-1 > .a-headline {
    margin-top: 32px;
  }
}

@media (min-width: 1200px) {
  .l\:stack > .a-headline:first-child,
  .l\:stack-1 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack-1\.5 > .a-headline {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-1\.5 > .a-headline {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-1\.5 > .a-headline {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-1\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack-2 > .a-headline {
    margin-top: 32px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-2 > .a-headline {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-2 > .a-headline {
    margin-top: 64px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-2 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack-2\.5 > .a-headline {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-2\.5 > .a-headline {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-2\.5 > .a-headline {
    margin-top: 80px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-2\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:stack-3 > .a-headline {
    margin-top: 48px;
  }
}

@media screen and (min-width: 1200px) and (min-width: 320px) {
  .l\:stack-3 > .a-headline {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1200px) and (min-width: 1600px) {
  .l\:stack-3 > .a-headline {
    margin-top: 96px;
  }
}

@media (min-width: 1200px) {
  .l\:stack-3 > .a-headline:first-child {
    margin-top: 0;
  }

  .l\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .l\:ml-auto {
    margin-left: auto;
  }

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

  .l\:block {
    display: block;
  }

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

  .l\:inline {
    display: inline;
  }

  .l\:flex {
    display: flex;
  }

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

  .l\:table {
    display: table;
  }

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

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

  .l\:hidden {
    display: none;
  }

  .l\:float-left {
    float: left;
  }

  .l\:float-right {
    float: right;
  }

  .l\:float-none {
    float: none;
  }

  .l\:clearfix::after {
    content: '';
    display: table;
    clear: both;
  }

  .l\:object-contain {
    object-fit: contain;
  }

  .l\:object-cover {
    object-fit: cover;
  }

  .l\:object-fill {
    object-fit: fill;
  }

  .l\:object-none {
    object-fit: none;
  }

  .l\:object-scale-down {
    object-fit: scale-down;
  }

  .l\:object-bottom {
    object-position: bottom;
  }

  .l\:object-center {
    object-position: center;
  }

  .l\:object-left {
    object-position: left;
  }

  .l\:object-left-bottom {
    object-position: left bottom;
  }

  .l\:object-left-top {
    object-position: left top;
  }

  .l\:object-right {
    object-position: right;
  }

  .l\:object-right-bottom {
    object-position: right bottom;
  }

  .l\:object-right-top {
    object-position: right top;
  }

  .l\:object-top {
    object-position: top;
  }

  .l\:overflow-auto {
    overflow: auto;
  }

  .l\:overflow-hidden {
    overflow: hidden;
  }

  .l\:overflow-visible {
    overflow: visible;
  }

  .l\:overflow-scroll {
    overflow: scroll;
  }

  .l\:overflow-x-auto {
    overflow-x: auto;
  }

  .l\:overflow-y-auto {
    overflow-y: auto;
  }

  .l\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .l\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .l\:overflow-x-visible {
    overflow-x: visible;
  }

  .l\:overflow-y-visible {
    overflow-y: visible;
  }

  .l\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .l\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .l\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .l\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .l\:static {
    position: static;
  }

  .l\:fixed {
    position: fixed;
  }

  .l\:absolute {
    position: absolute;
  }

  .l\:relative {
    position: relative;
  }

  .l\:sticky {
    position: sticky;
  }

  .l\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .l\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .l\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .l\:top-0 {
    top: 0;
  }

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

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

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

  .l\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .l\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .l\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .l\:top-auto {
    top: auto;
  }

  .l\:bottom-auto {
    bottom: auto;
  }

  .l\:left-auto {
    left: auto;
  }

  .l\:right-auto {
    right: auto;
  }

  .l\:visible {
    visibility: visible;
  }

  .l\:invisible {
    visibility: hidden;
  }

  .l\:z-0 {
    z-index: 0;
  }

  .l\:z-10 {
    z-index: 10;
  }

  .l\:z-20 {
    z-index: 20;
  }

  .l\:z-30 {
    z-index: 30;
  }

  .l\:z-40 {
    z-index: 40;
  }

  .l\:z-50 {
    z-index: 50;
  }

  .l\:z-auto {
    z-index: auto;
  }

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

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

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

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

  .l\:flex-no-wrap {
    flex-wrap: nowrap;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .l\:self-auto {
    align-self: auto;
  }

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

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

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

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

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

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

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

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

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

  .l\:flex-initial {
    flex: 0 1 auto;
  }

  .l\:flex-1 {
    flex: 1 1 0%;
  }

  .l\:flex-auto {
    flex: 1 1 auto;
  }

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

  .l\:flex-grow {
    flex-grow: 1;
  }

  .l\:flex-grow-0 {
    flex-grow: 0;
  }

  .l\:flex-shrink {
    flex-shrink: 1;
  }

  .l\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .l\:order-first {
    order: -9999;
  }

  .l\:order-last {
    order: 9999;
  }

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

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

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

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

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

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

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

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

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

  .l\:order-9 {
    order: 9;
  }

  .l\:order-10 {
    order: 10;
  }

  .l\:order-11 {
    order: 11;
  }

  .l\:order-12 {
    order: 12;
  }

  .l\:table-auto {
    table-layout: auto;
  }

  .l\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  .l\:text-justify {
    text-align: justify;
  }

  .l\:whitespace-normal {
    white-space: normal;
  }

  .l\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .l\:whitespace-pre {
    white-space: pre;
  }

  .l\:whitespace-pre-line {
    white-space: pre-line;
  }

  .l\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .l\:break-normal {
    word-break: normal;
    overflow-wrap: normal;
  }

  .l\:break-words {
    overflow-wrap: break-word;
  }

  .l\:break-all {
    word-break: break-all;
  }

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

  .l\:p-0 {
    padding: 0;
  }

  .l\:pl-0 {
    padding-left: 0;
  }

  .l\:pr-0 {
    padding-right: 0;
  }

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

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

  .l\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .l\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .l\:m-0 {
    margin: 0;
  }

  .l\:ml-0 {
    margin-left: 0;
  }

  .l\:mr-0 {
    margin-right: 0;
  }

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

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

  .l\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .l\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .l\:-m-0 {
    margin: -0;
  }

  .l\:-ml-0 {
    margin-left: -0;
  }

  .l\:-mr-0 {
    margin-right: -0;
  }

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

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

  .l\:-mx-0 {
    margin-left: -0;
    margin-right: -0;
  }

  .l\:-my-0 {
    margin-top: -0;
    margin-bottom: -0;
  }

  .l\:p-1 {
    padding: 8px;
  }

  .l\:pl-1 {
    padding-left: 8px;
  }

  .l\:pr-1 {
    padding-right: 8px;
  }

  .l\:pt-1 {
    padding-top: 8px;
  }

  .l\:pb-1 {
    padding-bottom: 8px;
  }

  .l\:px-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .l\:py-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .l\:m-1 {
    margin: 8px;
  }

  .l\:ml-1 {
    margin-left: 8px;
  }

  .l\:mr-1 {
    margin-right: 8px;
  }

  .l\:mt-1 {
    margin-top: 8px;
  }

  .l\:mb-1 {
    margin-bottom: 8px;
  }

  .l\:mx-1 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .l\:my-1 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .l\:-m-1 {
    margin: -8px;
  }

  .l\:-ml-1 {
    margin-left: -8px;
  }

  .l\:-mr-1 {
    margin-right: -8px;
  }

  .l\:-mt-1 {
    margin-top: -8px;
  }

  .l\:-mb-1 {
    margin-bottom: -8px;
  }

  .l\:-mx-1 {
    margin-left: -8px;
    margin-right: -8px;
  }

  .l\:-my-1 {
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .l\:p-2 {
    padding: 16px;
  }

  .l\:pl-2 {
    padding-left: 16px;
  }

  .l\:pr-2 {
    padding-right: 16px;
  }

  .l\:pt-2 {
    padding-top: 16px;
  }

  .l\:pb-2 {
    padding-bottom: 16px;
  }

  .l\:px-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .l\:py-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .l\:m-2 {
    margin: 16px;
  }

  .l\:ml-2 {
    margin-left: 16px;
  }

  .l\:mr-2 {
    margin-right: 16px;
  }

  .l\:mt-2 {
    margin-top: 16px;
  }

  .l\:mb-2 {
    margin-bottom: 16px;
  }

  .l\:mx-2 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .l\:my-2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .l\:-m-2 {
    margin: -16px;
  }

  .l\:-ml-2 {
    margin-left: -16px;
  }

  .l\:-mr-2 {
    margin-right: -16px;
  }

  .l\:-mt-2 {
    margin-top: -16px;
  }

  .l\:-mb-2 {
    margin-bottom: -16px;
  }

  .l\:-mx-2 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .l\:-my-2 {
    margin-top: -16px;
    margin-bottom: -16px;
  }

  .l\:p-3 {
    padding: 24px;
  }

  .l\:pl-3 {
    padding-left: 24px;
  }

  .l\:pr-3 {
    padding-right: 24px;
  }

  .l\:pt-3 {
    padding-top: 24px;
  }

  .l\:pb-3 {
    padding-bottom: 24px;
  }

  .l\:px-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .l\:py-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .l\:m-3 {
    margin: 24px;
  }

  .l\:ml-3 {
    margin-left: 24px;
  }

  .l\:mr-3 {
    margin-right: 24px;
  }

  .l\:mt-3 {
    margin-top: 24px;
  }

  .l\:mb-3 {
    margin-bottom: 24px;
  }

  .l\:mx-3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .l\:my-3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .l\:-m-3 {
    margin: -24px;
  }

  .l\:-ml-3 {
    margin-left: -24px;
  }

  .l\:-mr-3 {
    margin-right: -24px;
  }

  .l\:-mt-3 {
    margin-top: -24px;
  }

  .l\:-mb-3 {
    margin-bottom: -24px;
  }

  .l\:-mx-3 {
    margin-left: -24px;
    margin-right: -24px;
  }

  .l\:-my-3 {
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .l\:p-4 {
    padding: 32px;
  }

  .l\:pl-4 {
    padding-left: 32px;
  }

  .l\:pr-4 {
    padding-right: 32px;
  }

  .l\:pt-4 {
    padding-top: 32px;
  }

  .l\:pb-4 {
    padding-bottom: 32px;
  }

  .l\:px-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .l\:py-4 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .l\:m-4 {
    margin: 32px;
  }

  .l\:ml-4 {
    margin-left: 32px;
  }

  .l\:mr-4 {
    margin-right: 32px;
  }

  .l\:mt-4 {
    margin-top: 32px;
  }

  .l\:mb-4 {
    margin-bottom: 32px;
  }

  .l\:mx-4 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .l\:my-4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .l\:-m-4 {
    margin: -32px;
  }

  .l\:-ml-4 {
    margin-left: -32px;
  }

  .l\:-mr-4 {
    margin-right: -32px;
  }

  .l\:-mt-4 {
    margin-top: -32px;
  }

  .l\:-mb-4 {
    margin-bottom: -32px;
  }

  .l\:-mx-4 {
    margin-left: -32px;
    margin-right: -32px;
  }

  .l\:-my-4 {
    margin-top: -32px;
    margin-bottom: -32px;
  }

  .l\:p-5 {
    padding: 40px;
  }

  .l\:pl-5 {
    padding-left: 40px;
  }

  .l\:pr-5 {
    padding-right: 40px;
  }

  .l\:pt-5 {
    padding-top: 40px;
  }

  .l\:pb-5 {
    padding-bottom: 40px;
  }

  .l\:px-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .l\:py-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .l\:m-5 {
    margin: 40px;
  }

  .l\:ml-5 {
    margin-left: 40px;
  }

  .l\:mr-5 {
    margin-right: 40px;
  }

  .l\:mt-5 {
    margin-top: 40px;
  }

  .l\:mb-5 {
    margin-bottom: 40px;
  }

  .l\:mx-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .l\:my-5 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .l\:-m-5 {
    margin: -40px;
  }

  .l\:-ml-5 {
    margin-left: -40px;
  }

  .l\:-mr-5 {
    margin-right: -40px;
  }

  .l\:-mt-5 {
    margin-top: -40px;
  }

  .l\:-mb-5 {
    margin-bottom: -40px;
  }

  .l\:-mx-5 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .l\:-my-5 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .l\:p-6 {
    padding: 48px;
  }

  .l\:pl-6 {
    padding-left: 48px;
  }

  .l\:pr-6 {
    padding-right: 48px;
  }

  .l\:pt-6 {
    padding-top: 48px;
  }

  .l\:pb-6 {
    padding-bottom: 48px;
  }

  .l\:px-6 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .l\:py-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .l\:m-6 {
    margin: 48px;
  }

  .l\:ml-6 {
    margin-left: 48px;
  }

  .l\:mr-6 {
    margin-right: 48px;
  }

  .l\:mt-6 {
    margin-top: 48px;
  }

  .l\:mb-6 {
    margin-bottom: 48px;
  }

  .l\:mx-6 {
    margin-left: 48px;
    margin-right: 48px;
  }

  .l\:my-6 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .l\:-m-6 {
    margin: -48px;
  }

  .l\:-ml-6 {
    margin-left: -48px;
  }

  .l\:-mr-6 {
    margin-right: -48px;
  }

  .l\:-mt-6 {
    margin-top: -48px;
  }

  .l\:-mb-6 {
    margin-bottom: -48px;
  }

  .l\:-mx-6 {
    margin-left: -48px;
    margin-right: -48px;
  }

  .l\:-my-6 {
    margin-top: -48px;
    margin-bottom: -48px;
  }

  .l\:p-7 {
    padding: 56px;
  }

  .l\:pl-7 {
    padding-left: 56px;
  }

  .l\:pr-7 {
    padding-right: 56px;
  }

  .l\:pt-7 {
    padding-top: 56px;
  }

  .l\:pb-7 {
    padding-bottom: 56px;
  }

  .l\:px-7 {
    padding-left: 56px;
    padding-right: 56px;
  }

  .l\:py-7 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .l\:m-7 {
    margin: 56px;
  }

  .l\:ml-7 {
    margin-left: 56px;
  }

  .l\:mr-7 {
    margin-right: 56px;
  }

  .l\:mt-7 {
    margin-top: 56px;
  }

  .l\:mb-7 {
    margin-bottom: 56px;
  }

  .l\:mx-7 {
    margin-left: 56px;
    margin-right: 56px;
  }

  .l\:my-7 {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .l\:-m-7 {
    margin: -56px;
  }

  .l\:-ml-7 {
    margin-left: -56px;
  }

  .l\:-mr-7 {
    margin-right: -56px;
  }

  .l\:-mt-7 {
    margin-top: -56px;
  }

  .l\:-mb-7 {
    margin-bottom: -56px;
  }

  .l\:-mx-7 {
    margin-left: -56px;
    margin-right: -56px;
  }

  .l\:-my-7 {
    margin-top: -56px;
    margin-bottom: -56px;
  }

  .l\:p-8 {
    padding: 64px;
  }

  .l\:pl-8 {
    padding-left: 64px;
  }

  .l\:pr-8 {
    padding-right: 64px;
  }

  .l\:pt-8 {
    padding-top: 64px;
  }

  .l\:pb-8 {
    padding-bottom: 64px;
  }

  .l\:px-8 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .l\:py-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .l\:m-8 {
    margin: 64px;
  }

  .l\:ml-8 {
    margin-left: 64px;
  }

  .l\:mr-8 {
    margin-right: 64px;
  }

  .l\:mt-8 {
    margin-top: 64px;
  }

  .l\:mb-8 {
    margin-bottom: 64px;
  }

  .l\:mx-8 {
    margin-left: 64px;
    margin-right: 64px;
  }

  .l\:my-8 {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .l\:-m-8 {
    margin: -64px;
  }

  .l\:-ml-8 {
    margin-left: -64px;
  }

  .l\:-mr-8 {
    margin-right: -64px;
  }

  .l\:-mt-8 {
    margin-top: -64px;
  }

  .l\:-mb-8 {
    margin-bottom: -64px;
  }

  .l\:-mx-8 {
    margin-left: -64px;
    margin-right: -64px;
  }

  .l\:-my-8 {
    margin-top: -64px;
    margin-bottom: -64px;
  }

  .l\:p-9 {
    padding: 72px;
  }

  .l\:pl-9 {
    padding-left: 72px;
  }

  .l\:pr-9 {
    padding-right: 72px;
  }

  .l\:pt-9 {
    padding-top: 72px;
  }

  .l\:pb-9 {
    padding-bottom: 72px;
  }

  .l\:px-9 {
    padding-left: 72px;
    padding-right: 72px;
  }

  .l\:py-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .l\:m-9 {
    margin: 72px;
  }

  .l\:ml-9 {
    margin-left: 72px;
  }

  .l\:mr-9 {
    margin-right: 72px;
  }

  .l\:mt-9 {
    margin-top: 72px;
  }

  .l\:mb-9 {
    margin-bottom: 72px;
  }

  .l\:mx-9 {
    margin-left: 72px;
    margin-right: 72px;
  }

  .l\:my-9 {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .l\:-m-9 {
    margin: -72px;
  }

  .l\:-ml-9 {
    margin-left: -72px;
  }

  .l\:-mr-9 {
    margin-right: -72px;
  }

  .l\:-mt-9 {
    margin-top: -72px;
  }

  .l\:-mb-9 {
    margin-bottom: -72px;
  }

  .l\:-mx-9 {
    margin-left: -72px;
    margin-right: -72px;
  }

  .l\:-my-9 {
    margin-top: -72px;
    margin-bottom: -72px;
  }

  .l\:p-10 {
    padding: 80px;
  }

  .l\:pl-10 {
    padding-left: 80px;
  }

  .l\:pr-10 {
    padding-right: 80px;
  }

  .l\:pt-10 {
    padding-top: 80px;
  }

  .l\:pb-10 {
    padding-bottom: 80px;
  }

  .l\:px-10 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .l\:py-10 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .l\:m-10 {
    margin: 80px;
  }

  .l\:ml-10 {
    margin-left: 80px;
  }

  .l\:mr-10 {
    margin-right: 80px;
  }

  .l\:mt-10 {
    margin-top: 80px;
  }

  .l\:mb-10 {
    margin-bottom: 80px;
  }

  .l\:mx-10 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .l\:my-10 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .l\:-m-10 {
    margin: -80px;
  }

  .l\:-ml-10 {
    margin-left: -80px;
  }

  .l\:-mr-10 {
    margin-right: -80px;
  }

  .l\:-mt-10 {
    margin-top: -80px;
  }

  .l\:-mb-10 {
    margin-bottom: -80px;
  }

  .l\:-mx-10 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .l\:-my-10 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .l\:p-11 {
    padding: 88px;
  }

  .l\:pl-11 {
    padding-left: 88px;
  }

  .l\:pr-11 {
    padding-right: 88px;
  }

  .l\:pt-11 {
    padding-top: 88px;
  }

  .l\:pb-11 {
    padding-bottom: 88px;
  }

  .l\:px-11 {
    padding-left: 88px;
    padding-right: 88px;
  }

  .l\:py-11 {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .l\:m-11 {
    margin: 88px;
  }

  .l\:ml-11 {
    margin-left: 88px;
  }

  .l\:mr-11 {
    margin-right: 88px;
  }

  .l\:mt-11 {
    margin-top: 88px;
  }

  .l\:mb-11 {
    margin-bottom: 88px;
  }

  .l\:mx-11 {
    margin-left: 88px;
    margin-right: 88px;
  }

  .l\:my-11 {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .l\:-m-11 {
    margin: -88px;
  }

  .l\:-ml-11 {
    margin-left: -88px;
  }

  .l\:-mr-11 {
    margin-right: -88px;
  }

  .l\:-mt-11 {
    margin-top: -88px;
  }

  .l\:-mb-11 {
    margin-bottom: -88px;
  }

  .l\:-mx-11 {
    margin-left: -88px;
    margin-right: -88px;
  }

  .l\:-my-11 {
    margin-top: -88px;
    margin-bottom: -88px;
  }

  .l\:p-12 {
    padding: 96px;
  }

  .l\:pl-12 {
    padding-left: 96px;
  }

  .l\:pr-12 {
    padding-right: 96px;
  }

  .l\:pt-12 {
    padding-top: 96px;
  }

  .l\:pb-12 {
    padding-bottom: 96px;
  }

  .l\:px-12 {
    padding-left: 96px;
    padding-right: 96px;
  }

  .l\:py-12 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .l\:m-12 {
    margin: 96px;
  }

  .l\:ml-12 {
    margin-left: 96px;
  }

  .l\:mr-12 {
    margin-right: 96px;
  }

  .l\:mt-12 {
    margin-top: 96px;
  }

  .l\:mb-12 {
    margin-bottom: 96px;
  }

  .l\:mx-12 {
    margin-left: 96px;
    margin-right: 96px;
  }

  .l\:my-12 {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .l\:-m-12 {
    margin: -96px;
  }

  .l\:-ml-12 {
    margin-left: -96px;
  }

  .l\:-mr-12 {
    margin-right: -96px;
  }

  .l\:-mt-12 {
    margin-top: -96px;
  }

  .l\:-mb-12 {
    margin-bottom: -96px;
  }

  .l\:-mx-12 {
    margin-left: -96px;
    margin-right: -96px;
  }

  .l\:-my-12 {
    margin-top: -96px;
    margin-bottom: -96px;
  }

  .l\:p-13 {
    padding: 104px;
  }

  .l\:pl-13 {
    padding-left: 104px;
  }

  .l\:pr-13 {
    padding-right: 104px;
  }

  .l\:pt-13 {
    padding-top: 104px;
  }

  .l\:pb-13 {
    padding-bottom: 104px;
  }

  .l\:px-13 {
    padding-left: 104px;
    padding-right: 104px;
  }

  .l\:py-13 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .l\:m-13 {
    margin: 104px;
  }

  .l\:ml-13 {
    margin-left: 104px;
  }

  .l\:mr-13 {
    margin-right: 104px;
  }

  .l\:mt-13 {
    margin-top: 104px;
  }

  .l\:mb-13 {
    margin-bottom: 104px;
  }

  .l\:mx-13 {
    margin-left: 104px;
    margin-right: 104px;
  }

  .l\:my-13 {
    margin-top: 104px;
    margin-bottom: 104px;
  }

  .l\:-m-13 {
    margin: -104px;
  }

  .l\:-ml-13 {
    margin-left: -104px;
  }

  .l\:-mr-13 {
    margin-right: -104px;
  }

  .l\:-mt-13 {
    margin-top: -104px;
  }

  .l\:-mb-13 {
    margin-bottom: -104px;
  }

  .l\:-mx-13 {
    margin-left: -104px;
    margin-right: -104px;
  }

  .l\:-my-13 {
    margin-top: -104px;
    margin-bottom: -104px;
  }

  .l\:p-14 {
    padding: 112px;
  }

  .l\:pl-14 {
    padding-left: 112px;
  }

  .l\:pr-14 {
    padding-right: 112px;
  }

  .l\:pt-14 {
    padding-top: 112px;
  }

  .l\:pb-14 {
    padding-bottom: 112px;
  }

  .l\:px-14 {
    padding-left: 112px;
    padding-right: 112px;
  }

  .l\:py-14 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .l\:m-14 {
    margin: 112px;
  }

  .l\:ml-14 {
    margin-left: 112px;
  }

  .l\:mr-14 {
    margin-right: 112px;
  }

  .l\:mt-14 {
    margin-top: 112px;
  }

  .l\:mb-14 {
    margin-bottom: 112px;
  }

  .l\:mx-14 {
    margin-left: 112px;
    margin-right: 112px;
  }

  .l\:my-14 {
    margin-top: 112px;
    margin-bottom: 112px;
  }

  .l\:-m-14 {
    margin: -112px;
  }

  .l\:-ml-14 {
    margin-left: -112px;
  }

  .l\:-mr-14 {
    margin-right: -112px;
  }

  .l\:-mt-14 {
    margin-top: -112px;
  }

  .l\:-mb-14 {
    margin-bottom: -112px;
  }

  .l\:-mx-14 {
    margin-left: -112px;
    margin-right: -112px;
  }

  .l\:-my-14 {
    margin-top: -112px;
    margin-bottom: -112px;
  }

  .l\:p-15 {
    padding: 120px;
  }

  .l\:pl-15 {
    padding-left: 120px;
  }

  .l\:pr-15 {
    padding-right: 120px;
  }

  .l\:pt-15 {
    padding-top: 120px;
  }

  .l\:pb-15 {
    padding-bottom: 120px;
  }

  .l\:px-15 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .l\:py-15 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .l\:m-15 {
    margin: 120px;
  }

  .l\:ml-15 {
    margin-left: 120px;
  }

  .l\:mr-15 {
    margin-right: 120px;
  }

  .l\:mt-15 {
    margin-top: 120px;
  }

  .l\:mb-15 {
    margin-bottom: 120px;
  }

  .l\:mx-15 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .l\:my-15 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .l\:-m-15 {
    margin: -120px;
  }

  .l\:-ml-15 {
    margin-left: -120px;
  }

  .l\:-mr-15 {
    margin-right: -120px;
  }

  .l\:-mt-15 {
    margin-top: -120px;
  }

  .l\:-mb-15 {
    margin-bottom: -120px;
  }

  .l\:-mx-15 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .l\:-my-15 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .l\:p-16 {
    padding: 128px;
  }

  .l\:pl-16 {
    padding-left: 128px;
  }

  .l\:pr-16 {
    padding-right: 128px;
  }

  .l\:pt-16 {
    padding-top: 128px;
  }

  .l\:pb-16 {
    padding-bottom: 128px;
  }

  .l\:px-16 {
    padding-left: 128px;
    padding-right: 128px;
  }

  .l\:py-16 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .l\:m-16 {
    margin: 128px;
  }

  .l\:ml-16 {
    margin-left: 128px;
  }

  .l\:mr-16 {
    margin-right: 128px;
  }

  .l\:mt-16 {
    margin-top: 128px;
  }

  .l\:mb-16 {
    margin-bottom: 128px;
  }

  .l\:mx-16 {
    margin-left: 128px;
    margin-right: 128px;
  }

  .l\:my-16 {
    margin-top: 128px;
    margin-bottom: 128px;
  }

  .l\:-m-16 {
    margin: -128px;
  }

  .l\:-ml-16 {
    margin-left: -128px;
  }

  .l\:-mr-16 {
    margin-right: -128px;
  }

  .l\:-mt-16 {
    margin-top: -128px;
  }

  .l\:-mb-16 {
    margin-bottom: -128px;
  }

  .l\:-mx-16 {
    margin-left: -128px;
    margin-right: -128px;
  }

  .l\:-my-16 {
    margin-top: -128px;
    margin-bottom: -128px;
  }

  .l\:p-17 {
    padding: 136px;
  }

  .l\:pl-17 {
    padding-left: 136px;
  }

  .l\:pr-17 {
    padding-right: 136px;
  }

  .l\:pt-17 {
    padding-top: 136px;
  }

  .l\:pb-17 {
    padding-bottom: 136px;
  }

  .l\:px-17 {
    padding-left: 136px;
    padding-right: 136px;
  }

  .l\:py-17 {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .l\:m-17 {
    margin: 136px;
  }

  .l\:ml-17 {
    margin-left: 136px;
  }

  .l\:mr-17 {
    margin-right: 136px;
  }

  .l\:mt-17 {
    margin-top: 136px;
  }

  .l\:mb-17 {
    margin-bottom: 136px;
  }

  .l\:mx-17 {
    margin-left: 136px;
    margin-right: 136px;
  }

  .l\:my-17 {
    margin-top: 136px;
    margin-bottom: 136px;
  }

  .l\:-m-17 {
    margin: -136px;
  }

  .l\:-ml-17 {
    margin-left: -136px;
  }

  .l\:-mr-17 {
    margin-right: -136px;
  }

  .l\:-mt-17 {
    margin-top: -136px;
  }

  .l\:-mb-17 {
    margin-bottom: -136px;
  }

  .l\:-mx-17 {
    margin-left: -136px;
    margin-right: -136px;
  }

  .l\:-my-17 {
    margin-top: -136px;
    margin-bottom: -136px;
  }
}

.p-0--fluid {
  padding: 0px;
}

@media screen and (min-width: 320px) {
  .p-0--fluid {
    padding: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0--fluid {
    padding: 0px;
  }
}

.p-0\.5--fluid {
  padding: 4px;
}

@media screen and (min-width: 320px) {
  .p-0\.5--fluid {
    padding: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0\.5--fluid {
    padding: 8px;
  }
}

.pl-0--fluid {
  padding-left: 0px;
}

@media screen and (min-width: 320px) {
  .pl-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0--fluid {
    padding-left: 0px;
  }
}

.pl-0\.5--fluid {
  padding-left: 4px;
}

@media screen and (min-width: 320px) {
  .pl-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0\.5--fluid {
    padding-left: 8px;
  }
}

.pr-0--fluid {
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .pr-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-0--fluid {
    padding-right: 0px;
  }
}

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

@media screen and (min-width: 320px) {
  .pt-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0--fluid {
    padding-top: 0px;
  }
}

.pt-0\.5--fluid {
  padding-top: 4px;
}

@media screen and (min-width: 320px) {
  .pt-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0\.5--fluid {
    padding-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .pb-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0--fluid {
    padding-bottom: 0px;
  }
}

.pb-0\.5--fluid {
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .pb-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.px-0--fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-right: 0px;
  }
}

.px-0\.5--fluid {
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-right: 8px;
  }
}

.py-0--fluid {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-bottom: 0px;
  }
}

.py-0\.5--fluid {
  padding-top: 4px;
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0--fluid {
    margin: 0px;
  }
}

.m-0\.5--fluid {
  margin: 4px;
}

@media screen and (min-width: 320px) {
  .m-0\.5--fluid {
    margin: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0\.5--fluid {
    margin: 8px;
  }
}

.ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0--fluid {
    margin-left: 0px;
  }
}

.ml-0\.5--fluid {
  margin-left: 4px;
}

@media screen and (min-width: 320px) {
  .ml-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0\.5--fluid {
    margin-left: 8px;
  }
}

.mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0--fluid {
    margin-right: 0px;
  }
}

.mr-0\.5--fluid {
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mr-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0\.5--fluid {
    margin-right: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0--fluid {
    margin-top: 0px;
  }
}

.mt-0\.5--fluid {
  margin-top: 4px;
}

@media screen and (min-width: 320px) {
  .mt-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0\.5--fluid {
    margin-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0--fluid {
    margin-bottom: 0px;
  }
}

.mb-0\.5--fluid {
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .mb-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-right: 0px;
  }
}

.mx-0\.5--fluid {
  margin-left: 4px;
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-right: 8px;
  }
}

.my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-bottom: 0px;
  }
}

.my-0\.5--fluid {
  margin-top: 4px;
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.-m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .-m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0--fluid {
    margin: 0px;
  }
}

.-m-0\.5--fluid {
  margin: -4px;
}

@media screen and (min-width: 320px) {
  .-m-0\.5--fluid {
    margin: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0\.5--fluid {
    margin: -8px;
  }
}

.-ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .-ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0--fluid {
    margin-left: 0px;
  }
}

.-ml-0\.5--fluid {
  margin-left: -4px;
}

@media screen and (min-width: 320px) {
  .-ml-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0\.5--fluid {
    margin-left: -8px;
  }
}

.-mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0--fluid {
    margin-right: 0px;
  }
}

.-mr-0\.5--fluid {
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mr-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0\.5--fluid {
    margin-right: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0--fluid {
    margin-top: 0px;
  }
}

.-mt-0\.5--fluid {
  margin-top: -4px;
}

@media screen and (min-width: 320px) {
  .-mt-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0\.5--fluid {
    margin-top: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0--fluid {
    margin-bottom: 0px;
  }
}

.-mb-0\.5--fluid {
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-mb-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-right: 0px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-bottom: 0px;
  }
}

.-my-0\.5--fluid {
  margin-top: -4px;
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-top: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.p-1--fluid {
  padding: 8px;
}

@media screen and (min-width: 320px) {
  .p-1--fluid {
    padding: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1--fluid {
    padding: 16px;
  }
}

.p-1\.5--fluid {
  padding: 12px;
}

@media screen and (min-width: 320px) {
  .p-1\.5--fluid {
    padding: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1\.5--fluid {
    padding: 24px;
  }
}

.pl-1--fluid {
  padding-left: 8px;
}

@media screen and (min-width: 320px) {
  .pl-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1--fluid {
    padding-left: 16px;
  }
}

.pl-1\.5--fluid {
  padding-left: 12px;
}

@media screen and (min-width: 320px) {
  .pl-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1\.5--fluid {
    padding-left: 24px;
  }
}

.pr-1--fluid {
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .pr-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-1--fluid {
    padding-right: 16px;
  }
}

.pt-1--fluid {
  padding-top: 8px;
}

@media screen and (min-width: 320px) {
  .pt-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1--fluid {
    padding-top: 16px;
  }
}

.pt-1\.5--fluid {
  padding-top: 12px;
}

@media screen and (min-width: 320px) {
  .pt-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1\.5--fluid {
    padding-top: 24px;
  }
}

.pb-1--fluid {
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .pb-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1--fluid {
    padding-bottom: 16px;
  }
}

.pb-1\.5--fluid {
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .pb-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.px-1--fluid {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-right: 16px;
  }
}

.px-1\.5--fluid {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-right: 24px;
  }
}

.py-1--fluid {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-bottom: 16px;
  }
}

.py-1\.5--fluid {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.m-1--fluid {
  margin: 8px;
}

@media screen and (min-width: 320px) {
  .m-1--fluid {
    margin: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1--fluid {
    margin: 16px;
  }
}

.m-1\.5--fluid {
  margin: 12px;
}

@media screen and (min-width: 320px) {
  .m-1\.5--fluid {
    margin: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1\.5--fluid {
    margin: 24px;
  }
}

.ml-1--fluid {
  margin-left: 8px;
}

@media screen and (min-width: 320px) {
  .ml-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1--fluid {
    margin-left: 16px;
  }
}

.ml-1\.5--fluid {
  margin-left: 12px;
}

@media screen and (min-width: 320px) {
  .ml-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1\.5--fluid {
    margin-left: 24px;
  }
}

.mr-1--fluid {
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mr-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1--fluid {
    margin-right: 16px;
  }
}

.mr-1\.5--fluid {
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mr-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1\.5--fluid {
    margin-right: 24px;
  }
}

.mt-1--fluid {
  margin-top: 8px;
}

@media screen and (min-width: 320px) {
  .mt-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1--fluid {
    margin-top: 16px;
  }
}

.mt-1\.5--fluid {
  margin-top: 12px;
}

@media screen and (min-width: 320px) {
  .mt-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1\.5--fluid {
    margin-top: 24px;
  }
}

.mb-1--fluid {
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .mb-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1--fluid {
    margin-bottom: 16px;
  }
}

.mb-1\.5--fluid {
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .mb-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.mx-1--fluid {
  margin-left: 8px;
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-right: 16px;
  }
}

.mx-1\.5--fluid {
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-right: 24px;
  }
}

.my-1--fluid {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-bottom: 16px;
  }
}

.my-1\.5--fluid {
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.-m-1--fluid {
  margin: -8px;
}

@media screen and (min-width: 320px) {
  .-m-1--fluid {
    margin: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1--fluid {
    margin: -16px;
  }
}

.-m-1\.5--fluid {
  margin: -12px;
}

@media screen and (min-width: 320px) {
  .-m-1\.5--fluid {
    margin: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1\.5--fluid {
    margin: -24px;
  }
}

.-ml-1--fluid {
  margin-left: -8px;
}

@media screen and (min-width: 320px) {
  .-ml-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1--fluid {
    margin-left: -16px;
  }
}

.-ml-1\.5--fluid {
  margin-left: -12px;
}

@media screen and (min-width: 320px) {
  .-ml-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1\.5--fluid {
    margin-left: -24px;
  }
}

.-mr-1--fluid {
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mr-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1--fluid {
    margin-right: -16px;
  }
}

.-mr-1\.5--fluid {
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mr-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mt-1--fluid {
  margin-top: -8px;
}

@media screen and (min-width: 320px) {
  .-mt-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1--fluid {
    margin-top: -16px;
  }
}

.-mt-1\.5--fluid {
  margin-top: -12px;
}

@media screen and (min-width: 320px) {
  .-mt-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1\.5--fluid {
    margin-top: -24px;
  }
}

.-mb-1--fluid {
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-mb-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1--fluid {
    margin-bottom: -16px;
  }
}

.-mb-1\.5--fluid {
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-mb-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mx-1--fluid {
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-left: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-right: -16px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-my-1--fluid {
  margin-top: -8px;
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-top: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-bottom: -16px;
  }
}

.-my-1\.5--fluid {
  margin-top: -12px;
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-top: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.p-2--fluid {
  padding: 16px;
}

@media screen and (min-width: 320px) {
  .p-2--fluid {
    padding: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2--fluid {
    padding: 32px;
  }
}

.p-2\.5--fluid {
  padding: 20px;
}

@media screen and (min-width: 320px) {
  .p-2\.5--fluid {
    padding: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2\.5--fluid {
    padding: 40px;
  }
}

.pl-2--fluid {
  padding-left: 16px;
}

@media screen and (min-width: 320px) {
  .pl-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2--fluid {
    padding-left: 32px;
  }
}

.pl-2\.5--fluid {
  padding-left: 20px;
}

@media screen and (min-width: 320px) {
  .pl-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2\.5--fluid {
    padding-left: 40px;
  }
}

.pr-2--fluid {
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .pr-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-2--fluid {
    padding-right: 32px;
  }
}

.pt-2--fluid {
  padding-top: 16px;
}

@media screen and (min-width: 320px) {
  .pt-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2--fluid {
    padding-top: 32px;
  }
}

.pt-2\.5--fluid {
  padding-top: 20px;
}

@media screen and (min-width: 320px) {
  .pt-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2\.5--fluid {
    padding-top: 40px;
  }
}

.pb-2--fluid {
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .pb-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2--fluid {
    padding-bottom: 32px;
  }
}

.pb-2\.5--fluid {
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .pb-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.px-2--fluid {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-right: 32px;
  }
}

.px-2\.5--fluid {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-right: 40px;
  }
}

.py-2--fluid {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-bottom: 32px;
  }
}

.py-2\.5--fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.m-2--fluid {
  margin: 16px;
}

@media screen and (min-width: 320px) {
  .m-2--fluid {
    margin: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2--fluid {
    margin: 32px;
  }
}

.m-2\.5--fluid {
  margin: 20px;
}

@media screen and (min-width: 320px) {
  .m-2\.5--fluid {
    margin: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2\.5--fluid {
    margin: 40px;
  }
}

.ml-2--fluid {
  margin-left: 16px;
}

@media screen and (min-width: 320px) {
  .ml-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2--fluid {
    margin-left: 32px;
  }
}

.ml-2\.5--fluid {
  margin-left: 20px;
}

@media screen and (min-width: 320px) {
  .ml-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2\.5--fluid {
    margin-left: 40px;
  }
}

.mr-2--fluid {
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mr-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2--fluid {
    margin-right: 32px;
  }
}

.mr-2\.5--fluid {
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mr-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2\.5--fluid {
    margin-right: 40px;
  }
}

.mt-2--fluid {
  margin-top: 16px;
}

@media screen and (min-width: 320px) {
  .mt-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2--fluid {
    margin-top: 32px;
  }
}

.mt-2\.5--fluid {
  margin-top: 20px;
}

@media screen and (min-width: 320px) {
  .mt-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2\.5--fluid {
    margin-top: 40px;
  }
}

.mb-2--fluid {
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .mb-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2--fluid {
    margin-bottom: 32px;
  }
}

.mb-2\.5--fluid {
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .mb-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.mx-2--fluid {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-right: 32px;
  }
}

.mx-2\.5--fluid {
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-right: 40px;
  }
}

.my-2--fluid {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-bottom: 32px;
  }
}

.my-2\.5--fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.-m-2--fluid {
  margin: -16px;
}

@media screen and (min-width: 320px) {
  .-m-2--fluid {
    margin: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2--fluid {
    margin: -32px;
  }
}

.-m-2\.5--fluid {
  margin: -20px;
}

@media screen and (min-width: 320px) {
  .-m-2\.5--fluid {
    margin: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2\.5--fluid {
    margin: -40px;
  }
}

.-ml-2--fluid {
  margin-left: -16px;
}

@media screen and (min-width: 320px) {
  .-ml-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2--fluid {
    margin-left: -32px;
  }
}

.-ml-2\.5--fluid {
  margin-left: -20px;
}

@media screen and (min-width: 320px) {
  .-ml-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2\.5--fluid {
    margin-left: -40px;
  }
}

.-mr-2--fluid {
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mr-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2--fluid {
    margin-right: -32px;
  }
}

.-mr-2\.5--fluid {
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mr-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mt-2--fluid {
  margin-top: -16px;
}

@media screen and (min-width: 320px) {
  .-mt-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2--fluid {
    margin-top: -32px;
  }
}

.-mt-2\.5--fluid {
  margin-top: -20px;
}

@media screen and (min-width: 320px) {
  .-mt-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2\.5--fluid {
    margin-top: -40px;
  }
}

.-mb-2--fluid {
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-mb-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2--fluid {
    margin-bottom: -32px;
  }
}

.-mb-2\.5--fluid {
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-mb-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mx-2--fluid {
  margin-left: -16px;
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-left: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-right: -32px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-my-2--fluid {
  margin-top: -16px;
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-top: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-bottom: -32px;
  }
}

.-my-2\.5--fluid {
  margin-top: -20px;
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-top: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.p-3--fluid {
  padding: 24px;
}

@media screen and (min-width: 320px) {
  .p-3--fluid {
    padding: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3--fluid {
    padding: 48px;
  }
}

.p-3\.5--fluid {
  padding: 28px;
}

@media screen and (min-width: 320px) {
  .p-3\.5--fluid {
    padding: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3\.5--fluid {
    padding: 56px;
  }
}

.pl-3--fluid {
  padding-left: 24px;
}

@media screen and (min-width: 320px) {
  .pl-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3--fluid {
    padding-left: 48px;
  }
}

.pl-3\.5--fluid {
  padding-left: 28px;
}

@media screen and (min-width: 320px) {
  .pl-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3\.5--fluid {
    padding-left: 56px;
  }
}

.pr-3--fluid {
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .pr-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-3--fluid {
    padding-right: 48px;
  }
}

.pt-3--fluid {
  padding-top: 24px;
}

@media screen and (min-width: 320px) {
  .pt-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3--fluid {
    padding-top: 48px;
  }
}

.pt-3\.5--fluid {
  padding-top: 28px;
}

@media screen and (min-width: 320px) {
  .pt-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3\.5--fluid {
    padding-top: 56px;
  }
}

.pb-3--fluid {
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .pb-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3--fluid {
    padding-bottom: 48px;
  }
}

.pb-3\.5--fluid {
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .pb-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.px-3--fluid {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-right: 48px;
  }
}

.px-3\.5--fluid {
  padding-left: 28px;
  padding-right: 28px;
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-right: 56px;
  }
}

.py-3--fluid {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-bottom: 48px;
  }
}

.py-3\.5--fluid {
  padding-top: 28px;
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.m-3--fluid {
  margin: 24px;
}

@media screen and (min-width: 320px) {
  .m-3--fluid {
    margin: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3--fluid {
    margin: 48px;
  }
}

.m-3\.5--fluid {
  margin: 28px;
}

@media screen and (min-width: 320px) {
  .m-3\.5--fluid {
    margin: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3\.5--fluid {
    margin: 56px;
  }
}

.ml-3--fluid {
  margin-left: 24px;
}

@media screen and (min-width: 320px) {
  .ml-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3--fluid {
    margin-left: 48px;
  }
}

.ml-3\.5--fluid {
  margin-left: 28px;
}

@media screen and (min-width: 320px) {
  .ml-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3\.5--fluid {
    margin-left: 56px;
  }
}

.mr-3--fluid {
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mr-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3--fluid {
    margin-right: 48px;
  }
}

.mr-3\.5--fluid {
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mr-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3\.5--fluid {
    margin-right: 56px;
  }
}

.mt-3--fluid {
  margin-top: 24px;
}

@media screen and (min-width: 320px) {
  .mt-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3--fluid {
    margin-top: 48px;
  }
}

.mt-3\.5--fluid {
  margin-top: 28px;
}

@media screen and (min-width: 320px) {
  .mt-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3\.5--fluid {
    margin-top: 56px;
  }
}

.mb-3--fluid {
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .mb-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3--fluid {
    margin-bottom: 48px;
  }
}

.mb-3\.5--fluid {
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .mb-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.mx-3--fluid {
  margin-left: 24px;
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-right: 48px;
  }
}

.mx-3\.5--fluid {
  margin-left: 28px;
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-right: 56px;
  }
}

.my-3--fluid {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-bottom: 48px;
  }
}

.my-3\.5--fluid {
  margin-top: 28px;
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.-m-3--fluid {
  margin: -24px;
}

@media screen and (min-width: 320px) {
  .-m-3--fluid {
    margin: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3--fluid {
    margin: -48px;
  }
}

.-m-3\.5--fluid {
  margin: -28px;
}

@media screen and (min-width: 320px) {
  .-m-3\.5--fluid {
    margin: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3\.5--fluid {
    margin: -56px;
  }
}

.-ml-3--fluid {
  margin-left: -24px;
}

@media screen and (min-width: 320px) {
  .-ml-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3--fluid {
    margin-left: -48px;
  }
}

.-ml-3\.5--fluid {
  margin-left: -28px;
}

@media screen and (min-width: 320px) {
  .-ml-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3\.5--fluid {
    margin-left: -56px;
  }
}

.-mr-3--fluid {
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mr-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3--fluid {
    margin-right: -48px;
  }
}

.-mr-3\.5--fluid {
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mr-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mt-3--fluid {
  margin-top: -24px;
}

@media screen and (min-width: 320px) {
  .-mt-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3--fluid {
    margin-top: -48px;
  }
}

.-mt-3\.5--fluid {
  margin-top: -28px;
}

@media screen and (min-width: 320px) {
  .-mt-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3\.5--fluid {
    margin-top: -56px;
  }
}

.-mb-3--fluid {
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-mb-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3--fluid {
    margin-bottom: -48px;
  }
}

.-mb-3\.5--fluid {
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-mb-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mx-3--fluid {
  margin-left: -24px;
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-left: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-right: -48px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-my-3--fluid {
  margin-top: -24px;
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-top: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-bottom: -48px;
  }
}

.-my-3\.5--fluid {
  margin-top: -28px;
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-top: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.p-4--fluid {
  padding: 32px;
}

@media screen and (min-width: 320px) {
  .p-4--fluid {
    padding: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4--fluid {
    padding: 64px;
  }
}

.p-4\.5--fluid {
  padding: 36px;
}

@media screen and (min-width: 320px) {
  .p-4\.5--fluid {
    padding: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4\.5--fluid {
    padding: 72px;
  }
}

.pl-4--fluid {
  padding-left: 32px;
}

@media screen and (min-width: 320px) {
  .pl-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4--fluid {
    padding-left: 64px;
  }
}

.pl-4\.5--fluid {
  padding-left: 36px;
}

@media screen and (min-width: 320px) {
  .pl-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4\.5--fluid {
    padding-left: 72px;
  }
}

.pr-4--fluid {
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .pr-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-4--fluid {
    padding-right: 64px;
  }
}

.pt-4--fluid {
  padding-top: 32px;
}

@media screen and (min-width: 320px) {
  .pt-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4--fluid {
    padding-top: 64px;
  }
}

.pt-4\.5--fluid {
  padding-top: 36px;
}

@media screen and (min-width: 320px) {
  .pt-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4\.5--fluid {
    padding-top: 72px;
  }
}

.pb-4--fluid {
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .pb-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4--fluid {
    padding-bottom: 64px;
  }
}

.pb-4\.5--fluid {
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .pb-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.px-4--fluid {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-right: 64px;
  }
}

.px-4\.5--fluid {
  padding-left: 36px;
  padding-right: 36px;
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-right: 72px;
  }
}

.py-4--fluid {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-bottom: 64px;
  }
}

.py-4\.5--fluid {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.m-4--fluid {
  margin: 32px;
}

@media screen and (min-width: 320px) {
  .m-4--fluid {
    margin: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4--fluid {
    margin: 64px;
  }
}

.m-4\.5--fluid {
  margin: 36px;
}

@media screen and (min-width: 320px) {
  .m-4\.5--fluid {
    margin: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4\.5--fluid {
    margin: 72px;
  }
}

.ml-4--fluid {
  margin-left: 32px;
}

@media screen and (min-width: 320px) {
  .ml-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4--fluid {
    margin-left: 64px;
  }
}

.ml-4\.5--fluid {
  margin-left: 36px;
}

@media screen and (min-width: 320px) {
  .ml-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4\.5--fluid {
    margin-left: 72px;
  }
}

.mr-4--fluid {
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mr-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4--fluid {
    margin-right: 64px;
  }
}

.mr-4\.5--fluid {
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mr-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4\.5--fluid {
    margin-right: 72px;
  }
}

.mt-4--fluid {
  margin-top: 32px;
}

@media screen and (min-width: 320px) {
  .mt-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4--fluid {
    margin-top: 64px;
  }
}

.mt-4\.5--fluid {
  margin-top: 36px;
}

@media screen and (min-width: 320px) {
  .mt-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4\.5--fluid {
    margin-top: 72px;
  }
}

.mb-4--fluid {
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .mb-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4--fluid {
    margin-bottom: 64px;
  }
}

.mb-4\.5--fluid {
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .mb-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.mx-4--fluid {
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-right: 64px;
  }
}

.mx-4\.5--fluid {
  margin-left: 36px;
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-right: 72px;
  }
}

.my-4--fluid {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-bottom: 64px;
  }
}

.my-4\.5--fluid {
  margin-top: 36px;
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.-m-4--fluid {
  margin: -32px;
}

@media screen and (min-width: 320px) {
  .-m-4--fluid {
    margin: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4--fluid {
    margin: -64px;
  }
}

.-m-4\.5--fluid {
  margin: -36px;
}

@media screen and (min-width: 320px) {
  .-m-4\.5--fluid {
    margin: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4\.5--fluid {
    margin: -72px;
  }
}

.-ml-4--fluid {
  margin-left: -32px;
}

@media screen and (min-width: 320px) {
  .-ml-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4--fluid {
    margin-left: -64px;
  }
}

.-ml-4\.5--fluid {
  margin-left: -36px;
}

@media screen and (min-width: 320px) {
  .-ml-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4\.5--fluid {
    margin-left: -72px;
  }
}

.-mr-4--fluid {
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mr-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4--fluid {
    margin-right: -64px;
  }
}

.-mr-4\.5--fluid {
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mr-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mt-4--fluid {
  margin-top: -32px;
}

@media screen and (min-width: 320px) {
  .-mt-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4--fluid {
    margin-top: -64px;
  }
}

.-mt-4\.5--fluid {
  margin-top: -36px;
}

@media screen and (min-width: 320px) {
  .-mt-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4\.5--fluid {
    margin-top: -72px;
  }
}

.-mb-4--fluid {
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-mb-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4--fluid {
    margin-bottom: -64px;
  }
}

.-mb-4\.5--fluid {
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-mb-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mx-4--fluid {
  margin-left: -32px;
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-left: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-right: -64px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-my-4--fluid {
  margin-top: -32px;
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-top: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-bottom: -64px;
  }
}

.-my-4\.5--fluid {
  margin-top: -36px;
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-top: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.p-5--fluid {
  padding: 40px;
}

@media screen and (min-width: 320px) {
  .p-5--fluid {
    padding: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5--fluid {
    padding: 80px;
  }
}

.p-5\.5--fluid {
  padding: 44px;
}

@media screen and (min-width: 320px) {
  .p-5\.5--fluid {
    padding: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5\.5--fluid {
    padding: 88px;
  }
}

.pl-5--fluid {
  padding-left: 40px;
}

@media screen and (min-width: 320px) {
  .pl-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5--fluid {
    padding-left: 80px;
  }
}

.pl-5\.5--fluid {
  padding-left: 44px;
}

@media screen and (min-width: 320px) {
  .pl-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5\.5--fluid {
    padding-left: 88px;
  }
}

.pr-5--fluid {
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .pr-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-5--fluid {
    padding-right: 80px;
  }
}

.pt-5--fluid {
  padding-top: 40px;
}

@media screen and (min-width: 320px) {
  .pt-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5--fluid {
    padding-top: 80px;
  }
}

.pt-5\.5--fluid {
  padding-top: 44px;
}

@media screen and (min-width: 320px) {
  .pt-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5\.5--fluid {
    padding-top: 88px;
  }
}

.pb-5--fluid {
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .pb-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5--fluid {
    padding-bottom: 80px;
  }
}

.pb-5\.5--fluid {
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .pb-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.px-5--fluid {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-right: 80px;
  }
}

.px-5\.5--fluid {
  padding-left: 44px;
  padding-right: 44px;
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-right: 88px;
  }
}

.py-5--fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-bottom: 80px;
  }
}

.py-5\.5--fluid {
  padding-top: 44px;
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.m-5--fluid {
  margin: 40px;
}

@media screen and (min-width: 320px) {
  .m-5--fluid {
    margin: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5--fluid {
    margin: 80px;
  }
}

.m-5\.5--fluid {
  margin: 44px;
}

@media screen and (min-width: 320px) {
  .m-5\.5--fluid {
    margin: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5\.5--fluid {
    margin: 88px;
  }
}

.ml-5--fluid {
  margin-left: 40px;
}

@media screen and (min-width: 320px) {
  .ml-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5--fluid {
    margin-left: 80px;
  }
}

.ml-5\.5--fluid {
  margin-left: 44px;
}

@media screen and (min-width: 320px) {
  .ml-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5\.5--fluid {
    margin-left: 88px;
  }
}

.mr-5--fluid {
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mr-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5--fluid {
    margin-right: 80px;
  }
}

.mr-5\.5--fluid {
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mr-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5\.5--fluid {
    margin-right: 88px;
  }
}

.mt-5--fluid {
  margin-top: 40px;
}

@media screen and (min-width: 320px) {
  .mt-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5--fluid {
    margin-top: 80px;
  }
}

.mt-5\.5--fluid {
  margin-top: 44px;
}

@media screen and (min-width: 320px) {
  .mt-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5\.5--fluid {
    margin-top: 88px;
  }
}

.mb-5--fluid {
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .mb-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5--fluid {
    margin-bottom: 80px;
  }
}

.mb-5\.5--fluid {
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .mb-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.mx-5--fluid {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-right: 80px;
  }
}

.mx-5\.5--fluid {
  margin-left: 44px;
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-right: 88px;
  }
}

.my-5--fluid {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-bottom: 80px;
  }
}

.my-5\.5--fluid {
  margin-top: 44px;
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.-m-5--fluid {
  margin: -40px;
}

@media screen and (min-width: 320px) {
  .-m-5--fluid {
    margin: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5--fluid {
    margin: -80px;
  }
}

.-m-5\.5--fluid {
  margin: -44px;
}

@media screen and (min-width: 320px) {
  .-m-5\.5--fluid {
    margin: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5\.5--fluid {
    margin: -88px;
  }
}

.-ml-5--fluid {
  margin-left: -40px;
}

@media screen and (min-width: 320px) {
  .-ml-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5--fluid {
    margin-left: -80px;
  }
}

.-ml-5\.5--fluid {
  margin-left: -44px;
}

@media screen and (min-width: 320px) {
  .-ml-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5\.5--fluid {
    margin-left: -88px;
  }
}

.-mr-5--fluid {
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mr-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5--fluid {
    margin-right: -80px;
  }
}

.-mr-5\.5--fluid {
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mr-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mt-5--fluid {
  margin-top: -40px;
}

@media screen and (min-width: 320px) {
  .-mt-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5--fluid {
    margin-top: -80px;
  }
}

.-mt-5\.5--fluid {
  margin-top: -44px;
}

@media screen and (min-width: 320px) {
  .-mt-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5\.5--fluid {
    margin-top: -88px;
  }
}

.-mb-5--fluid {
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-mb-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5--fluid {
    margin-bottom: -80px;
  }
}

.-mb-5\.5--fluid {
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-mb-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mx-5--fluid {
  margin-left: -40px;
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-left: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-right: -80px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-my-5--fluid {
  margin-top: -40px;
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-top: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-bottom: -80px;
  }
}

.-my-5\.5--fluid {
  margin-top: -44px;
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-top: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.p-6--fluid {
  padding: 48px;
}

@media screen and (min-width: 320px) {
  .p-6--fluid {
    padding: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6--fluid {
    padding: 96px;
  }
}

.p-6\.5--fluid {
  padding: 52px;
}

@media screen and (min-width: 320px) {
  .p-6\.5--fluid {
    padding: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6\.5--fluid {
    padding: 104px;
  }
}

.pl-6--fluid {
  padding-left: 48px;
}

@media screen and (min-width: 320px) {
  .pl-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6--fluid {
    padding-left: 96px;
  }
}

.pl-6\.5--fluid {
  padding-left: 52px;
}

@media screen and (min-width: 320px) {
  .pl-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6\.5--fluid {
    padding-left: 104px;
  }
}

.pr-6--fluid {
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .pr-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-6--fluid {
    padding-right: 96px;
  }
}

.pt-6--fluid {
  padding-top: 48px;
}

@media screen and (min-width: 320px) {
  .pt-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6--fluid {
    padding-top: 96px;
  }
}

.pt-6\.5--fluid {
  padding-top: 52px;
}

@media screen and (min-width: 320px) {
  .pt-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6\.5--fluid {
    padding-top: 104px;
  }
}

.pb-6--fluid {
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .pb-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6--fluid {
    padding-bottom: 96px;
  }
}

.pb-6\.5--fluid {
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .pb-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.px-6--fluid {
  padding-left: 48px;
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-right: 96px;
  }
}

.px-6\.5--fluid {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-right: 104px;
  }
}

.py-6--fluid {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-bottom: 96px;
  }
}

.py-6\.5--fluid {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.m-6--fluid {
  margin: 48px;
}

@media screen and (min-width: 320px) {
  .m-6--fluid {
    margin: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6--fluid {
    margin: 96px;
  }
}

.m-6\.5--fluid {
  margin: 52px;
}

@media screen and (min-width: 320px) {
  .m-6\.5--fluid {
    margin: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6\.5--fluid {
    margin: 104px;
  }
}

.ml-6--fluid {
  margin-left: 48px;
}

@media screen and (min-width: 320px) {
  .ml-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6--fluid {
    margin-left: 96px;
  }
}

.ml-6\.5--fluid {
  margin-left: 52px;
}

@media screen and (min-width: 320px) {
  .ml-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6\.5--fluid {
    margin-left: 104px;
  }
}

.mr-6--fluid {
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mr-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6--fluid {
    margin-right: 96px;
  }
}

.mr-6\.5--fluid {
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mr-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6\.5--fluid {
    margin-right: 104px;
  }
}

.mt-6--fluid {
  margin-top: 48px;
}

@media screen and (min-width: 320px) {
  .mt-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6--fluid {
    margin-top: 96px;
  }
}

.mt-6\.5--fluid {
  margin-top: 52px;
}

@media screen and (min-width: 320px) {
  .mt-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6\.5--fluid {
    margin-top: 104px;
  }
}

.mb-6--fluid {
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .mb-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6--fluid {
    margin-bottom: 96px;
  }
}

.mb-6\.5--fluid {
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .mb-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.mx-6--fluid {
  margin-left: 48px;
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-right: 96px;
  }
}

.mx-6\.5--fluid {
  margin-left: 52px;
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-right: 104px;
  }
}

.my-6--fluid {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-bottom: 96px;
  }
}

.my-6\.5--fluid {
  margin-top: 52px;
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.-m-6--fluid {
  margin: -48px;
}

@media screen and (min-width: 320px) {
  .-m-6--fluid {
    margin: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6--fluid {
    margin: -96px;
  }
}

.-m-6\.5--fluid {
  margin: -52px;
}

@media screen and (min-width: 320px) {
  .-m-6\.5--fluid {
    margin: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6\.5--fluid {
    margin: -104px;
  }
}

.-ml-6--fluid {
  margin-left: -48px;
}

@media screen and (min-width: 320px) {
  .-ml-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6--fluid {
    margin-left: -96px;
  }
}

.-ml-6\.5--fluid {
  margin-left: -52px;
}

@media screen and (min-width: 320px) {
  .-ml-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6\.5--fluid {
    margin-left: -104px;
  }
}

.-mr-6--fluid {
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mr-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6--fluid {
    margin-right: -96px;
  }
}

.-mr-6\.5--fluid {
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mr-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mt-6--fluid {
  margin-top: -48px;
}

@media screen and (min-width: 320px) {
  .-mt-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6--fluid {
    margin-top: -96px;
  }
}

.-mt-6\.5--fluid {
  margin-top: -52px;
}

@media screen and (min-width: 320px) {
  .-mt-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6\.5--fluid {
    margin-top: -104px;
  }
}

.-mb-6--fluid {
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-mb-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6--fluid {
    margin-bottom: -96px;
  }
}

.-mb-6\.5--fluid {
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-mb-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mx-6--fluid {
  margin-left: -48px;
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-left: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-right: -96px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-my-6--fluid {
  margin-top: -48px;
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-top: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-bottom: -96px;
  }
}

.-my-6\.5--fluid {
  margin-top: -52px;
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-top: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.p-7--fluid {
  padding: 56px;
}

@media screen and (min-width: 320px) {
  .p-7--fluid {
    padding: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7--fluid {
    padding: 112px;
  }
}

.p-7\.5--fluid {
  padding: 60px;
}

@media screen and (min-width: 320px) {
  .p-7\.5--fluid {
    padding: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7\.5--fluid {
    padding: 120px;
  }
}

.pl-7--fluid {
  padding-left: 56px;
}

@media screen and (min-width: 320px) {
  .pl-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7--fluid {
    padding-left: 112px;
  }
}

.pl-7\.5--fluid {
  padding-left: 60px;
}

@media screen and (min-width: 320px) {
  .pl-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7\.5--fluid {
    padding-left: 120px;
  }
}

.pr-7--fluid {
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .pr-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-7--fluid {
    padding-right: 112px;
  }
}

.pt-7--fluid {
  padding-top: 56px;
}

@media screen and (min-width: 320px) {
  .pt-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7--fluid {
    padding-top: 112px;
  }
}

.pt-7\.5--fluid {
  padding-top: 60px;
}

@media screen and (min-width: 320px) {
  .pt-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7\.5--fluid {
    padding-top: 120px;
  }
}

.pb-7--fluid {
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .pb-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7--fluid {
    padding-bottom: 112px;
  }
}

.pb-7\.5--fluid {
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .pb-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.px-7--fluid {
  padding-left: 56px;
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-right: 112px;
  }
}

.px-7\.5--fluid {
  padding-left: 60px;
  padding-right: 60px;
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-right: 120px;
  }
}

.py-7--fluid {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-bottom: 112px;
  }
}

.py-7\.5--fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.m-7--fluid {
  margin: 56px;
}

@media screen and (min-width: 320px) {
  .m-7--fluid {
    margin: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7--fluid {
    margin: 112px;
  }
}

.m-7\.5--fluid {
  margin: 60px;
}

@media screen and (min-width: 320px) {
  .m-7\.5--fluid {
    margin: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7\.5--fluid {
    margin: 120px;
  }
}

.ml-7--fluid {
  margin-left: 56px;
}

@media screen and (min-width: 320px) {
  .ml-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7--fluid {
    margin-left: 112px;
  }
}

.ml-7\.5--fluid {
  margin-left: 60px;
}

@media screen and (min-width: 320px) {
  .ml-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7\.5--fluid {
    margin-left: 120px;
  }
}

.mr-7--fluid {
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mr-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7--fluid {
    margin-right: 112px;
  }
}

.mr-7\.5--fluid {
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mr-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7\.5--fluid {
    margin-right: 120px;
  }
}

.mt-7--fluid {
  margin-top: 56px;
}

@media screen and (min-width: 320px) {
  .mt-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7--fluid {
    margin-top: 112px;
  }
}

.mt-7\.5--fluid {
  margin-top: 60px;
}

@media screen and (min-width: 320px) {
  .mt-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7\.5--fluid {
    margin-top: 120px;
  }
}

.mb-7--fluid {
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .mb-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7--fluid {
    margin-bottom: 112px;
  }
}

.mb-7\.5--fluid {
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .mb-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.mx-7--fluid {
  margin-left: 56px;
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-right: 112px;
  }
}

.mx-7\.5--fluid {
  margin-left: 60px;
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-right: 120px;
  }
}

.my-7--fluid {
  margin-top: 56px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-bottom: 112px;
  }
}

.my-7\.5--fluid {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.-m-7--fluid {
  margin: -56px;
}

@media screen and (min-width: 320px) {
  .-m-7--fluid {
    margin: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7--fluid {
    margin: -112px;
  }
}

.-m-7\.5--fluid {
  margin: -60px;
}

@media screen and (min-width: 320px) {
  .-m-7\.5--fluid {
    margin: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7\.5--fluid {
    margin: -120px;
  }
}

.-ml-7--fluid {
  margin-left: -56px;
}

@media screen and (min-width: 320px) {
  .-ml-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7--fluid {
    margin-left: -112px;
  }
}

.-ml-7\.5--fluid {
  margin-left: -60px;
}

@media screen and (min-width: 320px) {
  .-ml-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7\.5--fluid {
    margin-left: -120px;
  }
}

.-mr-7--fluid {
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mr-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7--fluid {
    margin-right: -112px;
  }
}

.-mr-7\.5--fluid {
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mr-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mt-7--fluid {
  margin-top: -56px;
}

@media screen and (min-width: 320px) {
  .-mt-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7--fluid {
    margin-top: -112px;
  }
}

.-mt-7\.5--fluid {
  margin-top: -60px;
}

@media screen and (min-width: 320px) {
  .-mt-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7\.5--fluid {
    margin-top: -120px;
  }
}

.-mb-7--fluid {
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-mb-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7--fluid {
    margin-bottom: -112px;
  }
}

.-mb-7\.5--fluid {
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-mb-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mx-7--fluid {
  margin-left: -56px;
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-left: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-right: -112px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-my-7--fluid {
  margin-top: -56px;
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-top: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-bottom: -112px;
  }
}

.-my-7\.5--fluid {
  margin-top: -60px;
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-top: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.p-8--fluid {
  padding: 64px;
}

@media screen and (min-width: 320px) {
  .p-8--fluid {
    padding: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8--fluid {
    padding: 128px;
  }
}

.p-8\.5--fluid {
  padding: 68px;
}

@media screen and (min-width: 320px) {
  .p-8\.5--fluid {
    padding: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8\.5--fluid {
    padding: 136px;
  }
}

.pl-8--fluid {
  padding-left: 64px;
}

@media screen and (min-width: 320px) {
  .pl-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8--fluid {
    padding-left: 128px;
  }
}

.pl-8\.5--fluid {
  padding-left: 68px;
}

@media screen and (min-width: 320px) {
  .pl-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8\.5--fluid {
    padding-left: 136px;
  }
}

.pr-8--fluid {
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .pr-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-8--fluid {
    padding-right: 128px;
  }
}

.pt-8--fluid {
  padding-top: 64px;
}

@media screen and (min-width: 320px) {
  .pt-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8--fluid {
    padding-top: 128px;
  }
}

.pt-8\.5--fluid {
  padding-top: 68px;
}

@media screen and (min-width: 320px) {
  .pt-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8\.5--fluid {
    padding-top: 136px;
  }
}

.pb-8--fluid {
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .pb-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8--fluid {
    padding-bottom: 128px;
  }
}

.pb-8\.5--fluid {
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .pb-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.px-8--fluid {
  padding-left: 64px;
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-right: 128px;
  }
}

.px-8\.5--fluid {
  padding-left: 68px;
  padding-right: 68px;
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-right: 136px;
  }
}

.py-8--fluid {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-bottom: 128px;
  }
}

.py-8\.5--fluid {
  padding-top: 68px;
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.m-8--fluid {
  margin: 64px;
}

@media screen and (min-width: 320px) {
  .m-8--fluid {
    margin: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8--fluid {
    margin: 128px;
  }
}

.m-8\.5--fluid {
  margin: 68px;
}

@media screen and (min-width: 320px) {
  .m-8\.5--fluid {
    margin: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8\.5--fluid {
    margin: 136px;
  }
}

.ml-8--fluid {
  margin-left: 64px;
}

@media screen and (min-width: 320px) {
  .ml-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8--fluid {
    margin-left: 128px;
  }
}

.ml-8\.5--fluid {
  margin-left: 68px;
}

@media screen and (min-width: 320px) {
  .ml-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8\.5--fluid {
    margin-left: 136px;
  }
}

.mr-8--fluid {
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mr-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8--fluid {
    margin-right: 128px;
  }
}

.mr-8\.5--fluid {
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mr-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8\.5--fluid {
    margin-right: 136px;
  }
}

.mt-8--fluid {
  margin-top: 64px;
}

@media screen and (min-width: 320px) {
  .mt-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8--fluid {
    margin-top: 128px;
  }
}

.mt-8\.5--fluid {
  margin-top: 68px;
}

@media screen and (min-width: 320px) {
  .mt-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8\.5--fluid {
    margin-top: 136px;
  }
}

.mb-8--fluid {
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .mb-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8--fluid {
    margin-bottom: 128px;
  }
}

.mb-8\.5--fluid {
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .mb-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.mx-8--fluid {
  margin-left: 64px;
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-right: 128px;
  }
}

.mx-8\.5--fluid {
  margin-left: 68px;
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-right: 136px;
  }
}

.my-8--fluid {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-bottom: 128px;
  }
}

.my-8\.5--fluid {
  margin-top: 68px;
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.-m-8--fluid {
  margin: -64px;
}

@media screen and (min-width: 320px) {
  .-m-8--fluid {
    margin: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8--fluid {
    margin: -128px;
  }
}

.-m-8\.5--fluid {
  margin: -68px;
}

@media screen and (min-width: 320px) {
  .-m-8\.5--fluid {
    margin: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8\.5--fluid {
    margin: -136px;
  }
}

.-ml-8--fluid {
  margin-left: -64px;
}

@media screen and (min-width: 320px) {
  .-ml-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8--fluid {
    margin-left: -128px;
  }
}

.-ml-8\.5--fluid {
  margin-left: -68px;
}

@media screen and (min-width: 320px) {
  .-ml-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8\.5--fluid {
    margin-left: -136px;
  }
}

.-mr-8--fluid {
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mr-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8--fluid {
    margin-right: -128px;
  }
}

.-mr-8\.5--fluid {
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mr-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mt-8--fluid {
  margin-top: -64px;
}

@media screen and (min-width: 320px) {
  .-mt-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8--fluid {
    margin-top: -128px;
  }
}

.-mt-8\.5--fluid {
  margin-top: -68px;
}

@media screen and (min-width: 320px) {
  .-mt-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8\.5--fluid {
    margin-top: -136px;
  }
}

.-mb-8--fluid {
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-mb-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8--fluid {
    margin-bottom: -128px;
  }
}

.-mb-8\.5--fluid {
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-mb-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mx-8--fluid {
  margin-left: -64px;
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-left: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-right: -128px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-my-8--fluid {
  margin-top: -64px;
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-top: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-bottom: -128px;
  }
}

.-my-8\.5--fluid {
  margin-top: -68px;
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-top: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.p-9--fluid {
  padding: 72px;
}

@media screen and (min-width: 320px) {
  .p-9--fluid {
    padding: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9--fluid {
    padding: 144px;
  }
}

.p-9\.5--fluid {
  padding: 76px;
}

@media screen and (min-width: 320px) {
  .p-9\.5--fluid {
    padding: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9\.5--fluid {
    padding: 152px;
  }
}

.pl-9--fluid {
  padding-left: 72px;
}

@media screen and (min-width: 320px) {
  .pl-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9--fluid {
    padding-left: 144px;
  }
}

.pl-9\.5--fluid {
  padding-left: 76px;
}

@media screen and (min-width: 320px) {
  .pl-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9\.5--fluid {
    padding-left: 152px;
  }
}

.pr-9--fluid {
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .pr-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-9--fluid {
    padding-right: 144px;
  }
}

.pt-9--fluid {
  padding-top: 72px;
}

@media screen and (min-width: 320px) {
  .pt-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9--fluid {
    padding-top: 144px;
  }
}

.pt-9\.5--fluid {
  padding-top: 76px;
}

@media screen and (min-width: 320px) {
  .pt-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9\.5--fluid {
    padding-top: 152px;
  }
}

.pb-9--fluid {
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .pb-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9--fluid {
    padding-bottom: 144px;
  }
}

.pb-9\.5--fluid {
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .pb-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.px-9--fluid {
  padding-left: 72px;
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-right: 144px;
  }
}

.px-9\.5--fluid {
  padding-left: 76px;
  padding-right: 76px;
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-right: 152px;
  }
}

.py-9--fluid {
  padding-top: 72px;
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-bottom: 144px;
  }
}

.py-9\.5--fluid {
  padding-top: 76px;
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.m-9--fluid {
  margin: 72px;
}

@media screen and (min-width: 320px) {
  .m-9--fluid {
    margin: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9--fluid {
    margin: 144px;
  }
}

.m-9\.5--fluid {
  margin: 76px;
}

@media screen and (min-width: 320px) {
  .m-9\.5--fluid {
    margin: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9\.5--fluid {
    margin: 152px;
  }
}

.ml-9--fluid {
  margin-left: 72px;
}

@media screen and (min-width: 320px) {
  .ml-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9--fluid {
    margin-left: 144px;
  }
}

.ml-9\.5--fluid {
  margin-left: 76px;
}

@media screen and (min-width: 320px) {
  .ml-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9\.5--fluid {
    margin-left: 152px;
  }
}

.mr-9--fluid {
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mr-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9--fluid {
    margin-right: 144px;
  }
}

.mr-9\.5--fluid {
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mr-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9\.5--fluid {
    margin-right: 152px;
  }
}

.mt-9--fluid {
  margin-top: 72px;
}

@media screen and (min-width: 320px) {
  .mt-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9--fluid {
    margin-top: 144px;
  }
}

.mt-9\.5--fluid {
  margin-top: 76px;
}

@media screen and (min-width: 320px) {
  .mt-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9\.5--fluid {
    margin-top: 152px;
  }
}

.mb-9--fluid {
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .mb-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9--fluid {
    margin-bottom: 144px;
  }
}

.mb-9\.5--fluid {
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .mb-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.mx-9--fluid {
  margin-left: 72px;
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-right: 144px;
  }
}

.mx-9\.5--fluid {
  margin-left: 76px;
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-right: 152px;
  }
}

.my-9--fluid {
  margin-top: 72px;
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-bottom: 144px;
  }
}

.my-9\.5--fluid {
  margin-top: 76px;
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.-m-9--fluid {
  margin: -72px;
}

@media screen and (min-width: 320px) {
  .-m-9--fluid {
    margin: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9--fluid {
    margin: -144px;
  }
}

.-m-9\.5--fluid {
  margin: -76px;
}

@media screen and (min-width: 320px) {
  .-m-9\.5--fluid {
    margin: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9\.5--fluid {
    margin: -152px;
  }
}

.-ml-9--fluid {
  margin-left: -72px;
}

@media screen and (min-width: 320px) {
  .-ml-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9--fluid {
    margin-left: -144px;
  }
}

.-ml-9\.5--fluid {
  margin-left: -76px;
}

@media screen and (min-width: 320px) {
  .-ml-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9\.5--fluid {
    margin-left: -152px;
  }
}

.-mr-9--fluid {
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mr-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9--fluid {
    margin-right: -144px;
  }
}

.-mr-9\.5--fluid {
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mr-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mt-9--fluid {
  margin-top: -72px;
}

@media screen and (min-width: 320px) {
  .-mt-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9--fluid {
    margin-top: -144px;
  }
}

.-mt-9\.5--fluid {
  margin-top: -76px;
}

@media screen and (min-width: 320px) {
  .-mt-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9\.5--fluid {
    margin-top: -152px;
  }
}

.-mb-9--fluid {
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-mb-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9--fluid {
    margin-bottom: -144px;
  }
}

.-mb-9\.5--fluid {
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-mb-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mx-9--fluid {
  margin-left: -72px;
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-left: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-right: -144px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-my-9--fluid {
  margin-top: -72px;
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-top: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-bottom: -144px;
  }
}

.-my-9\.5--fluid {
  margin-top: -76px;
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-top: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.p-10--fluid {
  padding: 80px;
}

@media screen and (min-width: 320px) {
  .p-10--fluid {
    padding: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10--fluid {
    padding: 160px;
  }
}

.p-10\.5--fluid {
  padding: 84px;
}

@media screen and (min-width: 320px) {
  .p-10\.5--fluid {
    padding: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10\.5--fluid {
    padding: 168px;
  }
}

.pl-10--fluid {
  padding-left: 80px;
}

@media screen and (min-width: 320px) {
  .pl-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10--fluid {
    padding-left: 160px;
  }
}

.pl-10\.5--fluid {
  padding-left: 84px;
}

@media screen and (min-width: 320px) {
  .pl-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10\.5--fluid {
    padding-left: 168px;
  }
}

.pr-10--fluid {
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .pr-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-10--fluid {
    padding-right: 160px;
  }
}

.pt-10--fluid {
  padding-top: 80px;
}

@media screen and (min-width: 320px) {
  .pt-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10--fluid {
    padding-top: 160px;
  }
}

.pt-10\.5--fluid {
  padding-top: 84px;
}

@media screen and (min-width: 320px) {
  .pt-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10\.5--fluid {
    padding-top: 168px;
  }
}

.pb-10--fluid {
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .pb-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10--fluid {
    padding-bottom: 160px;
  }
}

.pb-10\.5--fluid {
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .pb-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.px-10--fluid {
  padding-left: 80px;
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-right: 160px;
  }
}

.px-10\.5--fluid {
  padding-left: 84px;
  padding-right: 84px;
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-right: 168px;
  }
}

.py-10--fluid {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-bottom: 160px;
  }
}

.py-10\.5--fluid {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.m-10--fluid {
  margin: 80px;
}

@media screen and (min-width: 320px) {
  .m-10--fluid {
    margin: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10--fluid {
    margin: 160px;
  }
}

.m-10\.5--fluid {
  margin: 84px;
}

@media screen and (min-width: 320px) {
  .m-10\.5--fluid {
    margin: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10\.5--fluid {
    margin: 168px;
  }
}

.ml-10--fluid {
  margin-left: 80px;
}

@media screen and (min-width: 320px) {
  .ml-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10--fluid {
    margin-left: 160px;
  }
}

.ml-10\.5--fluid {
  margin-left: 84px;
}

@media screen and (min-width: 320px) {
  .ml-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10\.5--fluid {
    margin-left: 168px;
  }
}

.mr-10--fluid {
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mr-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10--fluid {
    margin-right: 160px;
  }
}

.mr-10\.5--fluid {
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mr-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10\.5--fluid {
    margin-right: 168px;
  }
}

.mt-10--fluid {
  margin-top: 80px;
}

@media screen and (min-width: 320px) {
  .mt-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10--fluid {
    margin-top: 160px;
  }
}

.mt-10\.5--fluid {
  margin-top: 84px;
}

@media screen and (min-width: 320px) {
  .mt-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10\.5--fluid {
    margin-top: 168px;
  }
}

.mb-10--fluid {
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .mb-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10--fluid {
    margin-bottom: 160px;
  }
}

.mb-10\.5--fluid {
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .mb-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.mx-10--fluid {
  margin-left: 80px;
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-right: 160px;
  }
}

.mx-10\.5--fluid {
  margin-left: 84px;
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-right: 168px;
  }
}

.my-10--fluid {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-bottom: 160px;
  }
}

.my-10\.5--fluid {
  margin-top: 84px;
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.-m-10--fluid {
  margin: -80px;
}

@media screen and (min-width: 320px) {
  .-m-10--fluid {
    margin: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10--fluid {
    margin: -160px;
  }
}

.-m-10\.5--fluid {
  margin: -84px;
}

@media screen and (min-width: 320px) {
  .-m-10\.5--fluid {
    margin: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10\.5--fluid {
    margin: -168px;
  }
}

.-ml-10--fluid {
  margin-left: -80px;
}

@media screen and (min-width: 320px) {
  .-ml-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10--fluid {
    margin-left: -160px;
  }
}

.-ml-10\.5--fluid {
  margin-left: -84px;
}

@media screen and (min-width: 320px) {
  .-ml-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10\.5--fluid {
    margin-left: -168px;
  }
}

.-mr-10--fluid {
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mr-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10--fluid {
    margin-right: -160px;
  }
}

.-mr-10\.5--fluid {
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mr-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mt-10--fluid {
  margin-top: -80px;
}

@media screen and (min-width: 320px) {
  .-mt-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10--fluid {
    margin-top: -160px;
  }
}

.-mt-10\.5--fluid {
  margin-top: -84px;
}

@media screen and (min-width: 320px) {
  .-mt-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10\.5--fluid {
    margin-top: -168px;
  }
}

.-mb-10--fluid {
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-mb-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10--fluid {
    margin-bottom: -160px;
  }
}

.-mb-10\.5--fluid {
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-mb-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mx-10--fluid {
  margin-left: -80px;
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-left: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-right: -160px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-my-10--fluid {
  margin-top: -80px;
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-top: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-bottom: -160px;
  }
}

.-my-10\.5--fluid {
  margin-top: -84px;
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-top: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.p-11--fluid {
  padding: 88px;
}

@media screen and (min-width: 320px) {
  .p-11--fluid {
    padding: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11--fluid {
    padding: 176px;
  }
}

.p-11\.5--fluid {
  padding: 92px;
}

@media screen and (min-width: 320px) {
  .p-11\.5--fluid {
    padding: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11\.5--fluid {
    padding: 184px;
  }
}

.pl-11--fluid {
  padding-left: 88px;
}

@media screen and (min-width: 320px) {
  .pl-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11--fluid {
    padding-left: 176px;
  }
}

.pl-11\.5--fluid {
  padding-left: 92px;
}

@media screen and (min-width: 320px) {
  .pl-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11\.5--fluid {
    padding-left: 184px;
  }
}

.pr-11--fluid {
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .pr-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-11--fluid {
    padding-right: 176px;
  }
}

.pt-11--fluid {
  padding-top: 88px;
}

@media screen and (min-width: 320px) {
  .pt-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11--fluid {
    padding-top: 176px;
  }
}

.pt-11\.5--fluid {
  padding-top: 92px;
}

@media screen and (min-width: 320px) {
  .pt-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11\.5--fluid {
    padding-top: 184px;
  }
}

.pb-11--fluid {
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .pb-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11--fluid {
    padding-bottom: 176px;
  }
}

.pb-11\.5--fluid {
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .pb-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.px-11--fluid {
  padding-left: 88px;
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-right: 176px;
  }
}

.px-11\.5--fluid {
  padding-left: 92px;
  padding-right: 92px;
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-right: 184px;
  }
}

.py-11--fluid {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-bottom: 176px;
  }
}

.py-11\.5--fluid {
  padding-top: 92px;
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.m-11--fluid {
  margin: 88px;
}

@media screen and (min-width: 320px) {
  .m-11--fluid {
    margin: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11--fluid {
    margin: 176px;
  }
}

.m-11\.5--fluid {
  margin: 92px;
}

@media screen and (min-width: 320px) {
  .m-11\.5--fluid {
    margin: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11\.5--fluid {
    margin: 184px;
  }
}

.ml-11--fluid {
  margin-left: 88px;
}

@media screen and (min-width: 320px) {
  .ml-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11--fluid {
    margin-left: 176px;
  }
}

.ml-11\.5--fluid {
  margin-left: 92px;
}

@media screen and (min-width: 320px) {
  .ml-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11\.5--fluid {
    margin-left: 184px;
  }
}

.mr-11--fluid {
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mr-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11--fluid {
    margin-right: 176px;
  }
}

.mr-11\.5--fluid {
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mr-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11\.5--fluid {
    margin-right: 184px;
  }
}

.mt-11--fluid {
  margin-top: 88px;
}

@media screen and (min-width: 320px) {
  .mt-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11--fluid {
    margin-top: 176px;
  }
}

.mt-11\.5--fluid {
  margin-top: 92px;
}

@media screen and (min-width: 320px) {
  .mt-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11\.5--fluid {
    margin-top: 184px;
  }
}

.mb-11--fluid {
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .mb-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11--fluid {
    margin-bottom: 176px;
  }
}

.mb-11\.5--fluid {
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .mb-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.mx-11--fluid {
  margin-left: 88px;
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-right: 176px;
  }
}

.mx-11\.5--fluid {
  margin-left: 92px;
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-right: 184px;
  }
}

.my-11--fluid {
  margin-top: 88px;
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-bottom: 176px;
  }
}

.my-11\.5--fluid {
  margin-top: 92px;
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.-m-11--fluid {
  margin: -88px;
}

@media screen and (min-width: 320px) {
  .-m-11--fluid {
    margin: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11--fluid {
    margin: -176px;
  }
}

.-m-11\.5--fluid {
  margin: -92px;
}

@media screen and (min-width: 320px) {
  .-m-11\.5--fluid {
    margin: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11\.5--fluid {
    margin: -184px;
  }
}

.-ml-11--fluid {
  margin-left: -88px;
}

@media screen and (min-width: 320px) {
  .-ml-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11--fluid {
    margin-left: -176px;
  }
}

.-ml-11\.5--fluid {
  margin-left: -92px;
}

@media screen and (min-width: 320px) {
  .-ml-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11\.5--fluid {
    margin-left: -184px;
  }
}

.-mr-11--fluid {
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mr-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11--fluid {
    margin-right: -176px;
  }
}

.-mr-11\.5--fluid {
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mr-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mt-11--fluid {
  margin-top: -88px;
}

@media screen and (min-width: 320px) {
  .-mt-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11--fluid {
    margin-top: -176px;
  }
}

.-mt-11\.5--fluid {
  margin-top: -92px;
}

@media screen and (min-width: 320px) {
  .-mt-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11\.5--fluid {
    margin-top: -184px;
  }
}

.-mb-11--fluid {
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-mb-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11--fluid {
    margin-bottom: -176px;
  }
}

.-mb-11\.5--fluid {
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-mb-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11\.5--fluid {
    margin-bottom: -184px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mx-11--fluid {
  margin-left: -88px;
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-left: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-right: -176px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-my-11--fluid {
  margin-top: -88px;
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-top: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-bottom: -176px;
  }
}

.-my-11\.5--fluid {
  margin-top: -92px;
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-top: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-bottom: -184px;
  }
}

@media (min-width: 1600px) {
  .max\:w-1\/6 {
    width: calc(1 / 6 * 100%);
  }

  .max\:offset-1\/6 {
    margin-left: calc(1 / 6 * 100%);
  }

  .max\:push-left-1\/6 {
    left: calc(1 / 6 * 100%);
  }

  .max\:pull-left-1\/6 {
    left: calc(1 / 6 * -100%);
  }

  .max\:push-right-1\/6 {
    right: calc(1 / 6 * 100%);
  }

  .max\:pull-right-1\/6 {
    right: calc(1 / 6 * -100%);
  }

  .max\:w-2\/6 {
    width: calc(2 / 6 * 100%);
  }

  .max\:offset-2\/6 {
    margin-left: calc(2 / 6 * 100%);
  }

  .max\:push-left-2\/6 {
    left: calc(2 / 6 * 100%);
  }

  .max\:pull-left-2\/6 {
    left: calc(2 / 6 * -100%);
  }

  .max\:push-right-2\/6 {
    right: calc(2 / 6 * 100%);
  }

  .max\:pull-right-2\/6 {
    right: calc(2 / 6 * -100%);
  }

  .max\:w-3\/6 {
    width: calc(3 / 6 * 100%);
  }

  .max\:offset-3\/6 {
    margin-left: calc(3 / 6 * 100%);
  }

  .max\:push-left-3\/6 {
    left: calc(3 / 6 * 100%);
  }

  .max\:pull-left-3\/6 {
    left: calc(3 / 6 * -100%);
  }

  .max\:push-right-3\/6 {
    right: calc(3 / 6 * 100%);
  }

  .max\:pull-right-3\/6 {
    right: calc(3 / 6 * -100%);
  }

  .max\:w-4\/6 {
    width: calc(4 / 6 * 100%);
  }

  .max\:offset-4\/6 {
    margin-left: calc(4 / 6 * 100%);
  }

  .max\:push-left-4\/6 {
    left: calc(4 / 6 * 100%);
  }

  .max\:pull-left-4\/6 {
    left: calc(4 / 6 * -100%);
  }

  .max\:push-right-4\/6 {
    right: calc(4 / 6 * 100%);
  }

  .max\:pull-right-4\/6 {
    right: calc(4 / 6 * -100%);
  }

  .max\:w-5\/6 {
    width: calc(5 / 6 * 100%);
  }

  .max\:offset-5\/6 {
    margin-left: calc(5 / 6 * 100%);
  }

  .max\:push-left-5\/6 {
    left: calc(5 / 6 * 100%);
  }

  .max\:pull-left-5\/6 {
    left: calc(5 / 6 * -100%);
  }

  .max\:push-right-5\/6 {
    right: calc(5 / 6 * 100%);
  }

  .max\:pull-right-5\/6 {
    right: calc(5 / 6 * -100%);
  }

  .max\:w-6\/6 {
    width: calc(6 / 6 * 100%);
  }

  .max\:offset-6\/6 {
    margin-left: calc(6 / 6 * 100%);
  }

  .max\:push-left-6\/6 {
    left: calc(6 / 6 * 100%);
  }

  .max\:pull-left-6\/6 {
    left: calc(6 / 6 * -100%);
  }

  .max\:push-right-6\/6 {
    right: calc(6 / 6 * 100%);
  }

  .max\:pull-right-6\/6 {
    right: calc(6 / 6 * -100%);
  }

  .max\:w-1\/12 {
    width: calc(1 / 12 * 100%);
  }

  .max\:offset-1\/12 {
    margin-left: calc(1 / 12 * 100%);
  }

  .max\:push-left-1\/12 {
    left: calc(1 / 12 * 100%);
  }

  .max\:pull-left-1\/12 {
    left: calc(1 / 12 * -100%);
  }

  .max\:push-right-1\/12 {
    right: calc(1 / 12 * 100%);
  }

  .max\:pull-right-1\/12 {
    right: calc(1 / 12 * -100%);
  }

  .max\:w-2\/12 {
    width: calc(2 / 12 * 100%);
  }

  .max\:offset-2\/12 {
    margin-left: calc(2 / 12 * 100%);
  }

  .max\:push-left-2\/12 {
    left: calc(2 / 12 * 100%);
  }

  .max\:pull-left-2\/12 {
    left: calc(2 / 12 * -100%);
  }

  .max\:push-right-2\/12 {
    right: calc(2 / 12 * 100%);
  }

  .max\:pull-right-2\/12 {
    right: calc(2 / 12 * -100%);
  }

  .max\:w-3\/12 {
    width: calc(3 / 12 * 100%);
  }

  .max\:offset-3\/12 {
    margin-left: calc(3 / 12 * 100%);
  }

  .max\:push-left-3\/12 {
    left: calc(3 / 12 * 100%);
  }

  .max\:pull-left-3\/12 {
    left: calc(3 / 12 * -100%);
  }

  .max\:push-right-3\/12 {
    right: calc(3 / 12 * 100%);
  }

  .max\:pull-right-3\/12 {
    right: calc(3 / 12 * -100%);
  }

  .max\:w-4\/12 {
    width: calc(4 / 12 * 100%);
  }

  .max\:offset-4\/12 {
    margin-left: calc(4 / 12 * 100%);
  }

  .max\:push-left-4\/12 {
    left: calc(4 / 12 * 100%);
  }

  .max\:pull-left-4\/12 {
    left: calc(4 / 12 * -100%);
  }

  .max\:push-right-4\/12 {
    right: calc(4 / 12 * 100%);
  }

  .max\:pull-right-4\/12 {
    right: calc(4 / 12 * -100%);
  }

  .max\:w-5\/12 {
    width: calc(5 / 12 * 100%);
  }

  .max\:offset-5\/12 {
    margin-left: calc(5 / 12 * 100%);
  }

  .max\:push-left-5\/12 {
    left: calc(5 / 12 * 100%);
  }

  .max\:pull-left-5\/12 {
    left: calc(5 / 12 * -100%);
  }

  .max\:push-right-5\/12 {
    right: calc(5 / 12 * 100%);
  }

  .max\:pull-right-5\/12 {
    right: calc(5 / 12 * -100%);
  }

  .max\:w-6\/12 {
    width: calc(6 / 12 * 100%);
  }

  .max\:offset-6\/12 {
    margin-left: calc(6 / 12 * 100%);
  }

  .max\:push-left-6\/12 {
    left: calc(6 / 12 * 100%);
  }

  .max\:pull-left-6\/12 {
    left: calc(6 / 12 * -100%);
  }

  .max\:push-right-6\/12 {
    right: calc(6 / 12 * 100%);
  }

  .max\:pull-right-6\/12 {
    right: calc(6 / 12 * -100%);
  }

  .max\:w-7\/12 {
    width: calc(7 / 12 * 100%);
  }

  .max\:offset-7\/12 {
    margin-left: calc(7 / 12 * 100%);
  }

  .max\:push-left-7\/12 {
    left: calc(7 / 12 * 100%);
  }

  .max\:pull-left-7\/12 {
    left: calc(7 / 12 * -100%);
  }

  .max\:push-right-7\/12 {
    right: calc(7 / 12 * 100%);
  }

  .max\:pull-right-7\/12 {
    right: calc(7 / 12 * -100%);
  }

  .max\:w-8\/12 {
    width: calc(8 / 12 * 100%);
  }

  .max\:offset-8\/12 {
    margin-left: calc(8 / 12 * 100%);
  }

  .max\:push-left-8\/12 {
    left: calc(8 / 12 * 100%);
  }

  .max\:pull-left-8\/12 {
    left: calc(8 / 12 * -100%);
  }

  .max\:push-right-8\/12 {
    right: calc(8 / 12 * 100%);
  }

  .max\:pull-right-8\/12 {
    right: calc(8 / 12 * -100%);
  }

  .max\:w-9\/12 {
    width: calc(9 / 12 * 100%);
  }

  .max\:offset-9\/12 {
    margin-left: calc(9 / 12 * 100%);
  }

  .max\:push-left-9\/12 {
    left: calc(9 / 12 * 100%);
  }

  .max\:pull-left-9\/12 {
    left: calc(9 / 12 * -100%);
  }

  .max\:push-right-9\/12 {
    right: calc(9 / 12 * 100%);
  }

  .max\:pull-right-9\/12 {
    right: calc(9 / 12 * -100%);
  }

  .max\:w-10\/12 {
    width: calc(10 / 12 * 100%);
  }

  .max\:offset-10\/12 {
    margin-left: calc(10 / 12 * 100%);
  }

  .max\:push-left-10\/12 {
    left: calc(10 / 12 * 100%);
  }

  .max\:pull-left-10\/12 {
    left: calc(10 / 12 * -100%);
  }

  .max\:push-right-10\/12 {
    right: calc(10 / 12 * 100%);
  }

  .max\:pull-right-10\/12 {
    right: calc(10 / 12 * -100%);
  }

  .max\:w-11\/12 {
    width: calc(11 / 12 * 100%);
  }

  .max\:offset-11\/12 {
    margin-left: calc(11 / 12 * 100%);
  }

  .max\:push-left-11\/12 {
    left: calc(11 / 12 * 100%);
  }

  .max\:pull-left-11\/12 {
    left: calc(11 / 12 * -100%);
  }

  .max\:push-right-11\/12 {
    right: calc(11 / 12 * 100%);
  }

  .max\:pull-right-11\/12 {
    right: calc(11 / 12 * -100%);
  }

  .max\:w-12\/12 {
    width: calc(12 / 12 * 100%);
  }

  .max\:offset-12\/12 {
    margin-left: calc(12 / 12 * 100%);
  }

  .max\:push-left-12\/12 {
    left: calc(12 / 12 * 100%);
  }

  .max\:pull-left-12\/12 {
    left: calc(12 / 12 * -100%);
  }

  .max\:push-right-12\/12 {
    right: calc(12 / 12 * 100%);
  }

  .max\:pull-right-12\/12 {
    right: calc(12 / 12 * -100%);
  }

  .max\:w-1\/24 {
    width: calc(1 / 24 * 100%);
  }

  .max\:offset-1\/24 {
    margin-left: calc(1 / 24 * 100%);
  }

  .max\:push-left-1\/24 {
    left: calc(1 / 24 * 100%);
  }

  .max\:pull-left-1\/24 {
    left: calc(1 / 24 * -100%);
  }

  .max\:push-right-1\/24 {
    right: calc(1 / 24 * 100%);
  }

  .max\:pull-right-1\/24 {
    right: calc(1 / 24 * -100%);
  }

  .max\:w-2\/24 {
    width: calc(2 / 24 * 100%);
  }

  .max\:offset-2\/24 {
    margin-left: calc(2 / 24 * 100%);
  }

  .max\:push-left-2\/24 {
    left: calc(2 / 24 * 100%);
  }

  .max\:pull-left-2\/24 {
    left: calc(2 / 24 * -100%);
  }

  .max\:push-right-2\/24 {
    right: calc(2 / 24 * 100%);
  }

  .max\:pull-right-2\/24 {
    right: calc(2 / 24 * -100%);
  }

  .max\:w-3\/24 {
    width: calc(3 / 24 * 100%);
  }

  .max\:offset-3\/24 {
    margin-left: calc(3 / 24 * 100%);
  }

  .max\:push-left-3\/24 {
    left: calc(3 / 24 * 100%);
  }

  .max\:pull-left-3\/24 {
    left: calc(3 / 24 * -100%);
  }

  .max\:push-right-3\/24 {
    right: calc(3 / 24 * 100%);
  }

  .max\:pull-right-3\/24 {
    right: calc(3 / 24 * -100%);
  }

  .max\:w-4\/24 {
    width: calc(4 / 24 * 100%);
  }

  .max\:offset-4\/24 {
    margin-left: calc(4 / 24 * 100%);
  }

  .max\:push-left-4\/24 {
    left: calc(4 / 24 * 100%);
  }

  .max\:pull-left-4\/24 {
    left: calc(4 / 24 * -100%);
  }

  .max\:push-right-4\/24 {
    right: calc(4 / 24 * 100%);
  }

  .max\:pull-right-4\/24 {
    right: calc(4 / 24 * -100%);
  }

  .max\:w-5\/24 {
    width: calc(5 / 24 * 100%);
  }

  .max\:offset-5\/24 {
    margin-left: calc(5 / 24 * 100%);
  }

  .max\:push-left-5\/24 {
    left: calc(5 / 24 * 100%);
  }

  .max\:pull-left-5\/24 {
    left: calc(5 / 24 * -100%);
  }

  .max\:push-right-5\/24 {
    right: calc(5 / 24 * 100%);
  }

  .max\:pull-right-5\/24 {
    right: calc(5 / 24 * -100%);
  }

  .max\:w-6\/24 {
    width: calc(6 / 24 * 100%);
  }

  .max\:offset-6\/24 {
    margin-left: calc(6 / 24 * 100%);
  }

  .max\:push-left-6\/24 {
    left: calc(6 / 24 * 100%);
  }

  .max\:pull-left-6\/24 {
    left: calc(6 / 24 * -100%);
  }

  .max\:push-right-6\/24 {
    right: calc(6 / 24 * 100%);
  }

  .max\:pull-right-6\/24 {
    right: calc(6 / 24 * -100%);
  }

  .max\:w-7\/24 {
    width: calc(7 / 24 * 100%);
  }

  .max\:offset-7\/24 {
    margin-left: calc(7 / 24 * 100%);
  }

  .max\:push-left-7\/24 {
    left: calc(7 / 24 * 100%);
  }

  .max\:pull-left-7\/24 {
    left: calc(7 / 24 * -100%);
  }

  .max\:push-right-7\/24 {
    right: calc(7 / 24 * 100%);
  }

  .max\:pull-right-7\/24 {
    right: calc(7 / 24 * -100%);
  }

  .max\:w-8\/24 {
    width: calc(8 / 24 * 100%);
  }

  .max\:offset-8\/24 {
    margin-left: calc(8 / 24 * 100%);
  }

  .max\:push-left-8\/24 {
    left: calc(8 / 24 * 100%);
  }

  .max\:pull-left-8\/24 {
    left: calc(8 / 24 * -100%);
  }

  .max\:push-right-8\/24 {
    right: calc(8 / 24 * 100%);
  }

  .max\:pull-right-8\/24 {
    right: calc(8 / 24 * -100%);
  }

  .max\:w-9\/24 {
    width: calc(9 / 24 * 100%);
  }

  .max\:offset-9\/24 {
    margin-left: calc(9 / 24 * 100%);
  }

  .max\:push-left-9\/24 {
    left: calc(9 / 24 * 100%);
  }

  .max\:pull-left-9\/24 {
    left: calc(9 / 24 * -100%);
  }

  .max\:push-right-9\/24 {
    right: calc(9 / 24 * 100%);
  }

  .max\:pull-right-9\/24 {
    right: calc(9 / 24 * -100%);
  }

  .max\:w-10\/24 {
    width: calc(10 / 24 * 100%);
  }

  .max\:offset-10\/24 {
    margin-left: calc(10 / 24 * 100%);
  }

  .max\:push-left-10\/24 {
    left: calc(10 / 24 * 100%);
  }

  .max\:pull-left-10\/24 {
    left: calc(10 / 24 * -100%);
  }

  .max\:push-right-10\/24 {
    right: calc(10 / 24 * 100%);
  }

  .max\:pull-right-10\/24 {
    right: calc(10 / 24 * -100%);
  }

  .max\:w-11\/24 {
    width: calc(11 / 24 * 100%);
  }

  .max\:offset-11\/24 {
    margin-left: calc(11 / 24 * 100%);
  }

  .max\:push-left-11\/24 {
    left: calc(11 / 24 * 100%);
  }

  .max\:pull-left-11\/24 {
    left: calc(11 / 24 * -100%);
  }

  .max\:push-right-11\/24 {
    right: calc(11 / 24 * 100%);
  }

  .max\:pull-right-11\/24 {
    right: calc(11 / 24 * -100%);
  }

  .max\:w-12\/24 {
    width: calc(12 / 24 * 100%);
  }

  .max\:offset-12\/24 {
    margin-left: calc(12 / 24 * 100%);
  }

  .max\:push-left-12\/24 {
    left: calc(12 / 24 * 100%);
  }

  .max\:pull-left-12\/24 {
    left: calc(12 / 24 * -100%);
  }

  .max\:push-right-12\/24 {
    right: calc(12 / 24 * 100%);
  }

  .max\:pull-right-12\/24 {
    right: calc(12 / 24 * -100%);
  }

  .max\:w-13\/24 {
    width: calc(13 / 24 * 100%);
  }

  .max\:offset-13\/24 {
    margin-left: calc(13 / 24 * 100%);
  }

  .max\:push-left-13\/24 {
    left: calc(13 / 24 * 100%);
  }

  .max\:pull-left-13\/24 {
    left: calc(13 / 24 * -100%);
  }

  .max\:push-right-13\/24 {
    right: calc(13 / 24 * 100%);
  }

  .max\:pull-right-13\/24 {
    right: calc(13 / 24 * -100%);
  }

  .max\:w-14\/24 {
    width: calc(14 / 24 * 100%);
  }

  .max\:offset-14\/24 {
    margin-left: calc(14 / 24 * 100%);
  }

  .max\:push-left-14\/24 {
    left: calc(14 / 24 * 100%);
  }

  .max\:pull-left-14\/24 {
    left: calc(14 / 24 * -100%);
  }

  .max\:push-right-14\/24 {
    right: calc(14 / 24 * 100%);
  }

  .max\:pull-right-14\/24 {
    right: calc(14 / 24 * -100%);
  }

  .max\:w-15\/24 {
    width: calc(15 / 24 * 100%);
  }

  .max\:offset-15\/24 {
    margin-left: calc(15 / 24 * 100%);
  }

  .max\:push-left-15\/24 {
    left: calc(15 / 24 * 100%);
  }

  .max\:pull-left-15\/24 {
    left: calc(15 / 24 * -100%);
  }

  .max\:push-right-15\/24 {
    right: calc(15 / 24 * 100%);
  }

  .max\:pull-right-15\/24 {
    right: calc(15 / 24 * -100%);
  }

  .max\:w-16\/24 {
    width: calc(16 / 24 * 100%);
  }

  .max\:offset-16\/24 {
    margin-left: calc(16 / 24 * 100%);
  }

  .max\:push-left-16\/24 {
    left: calc(16 / 24 * 100%);
  }

  .max\:pull-left-16\/24 {
    left: calc(16 / 24 * -100%);
  }

  .max\:push-right-16\/24 {
    right: calc(16 / 24 * 100%);
  }

  .max\:pull-right-16\/24 {
    right: calc(16 / 24 * -100%);
  }

  .max\:w-17\/24 {
    width: calc(17 / 24 * 100%);
  }

  .max\:offset-17\/24 {
    margin-left: calc(17 / 24 * 100%);
  }

  .max\:push-left-17\/24 {
    left: calc(17 / 24 * 100%);
  }

  .max\:pull-left-17\/24 {
    left: calc(17 / 24 * -100%);
  }

  .max\:push-right-17\/24 {
    right: calc(17 / 24 * 100%);
  }

  .max\:pull-right-17\/24 {
    right: calc(17 / 24 * -100%);
  }

  .max\:w-18\/24 {
    width: calc(18 / 24 * 100%);
  }

  .max\:offset-18\/24 {
    margin-left: calc(18 / 24 * 100%);
  }

  .max\:push-left-18\/24 {
    left: calc(18 / 24 * 100%);
  }

  .max\:pull-left-18\/24 {
    left: calc(18 / 24 * -100%);
  }

  .max\:push-right-18\/24 {
    right: calc(18 / 24 * 100%);
  }

  .max\:pull-right-18\/24 {
    right: calc(18 / 24 * -100%);
  }

  .max\:w-19\/24 {
    width: calc(19 / 24 * 100%);
  }

  .max\:offset-19\/24 {
    margin-left: calc(19 / 24 * 100%);
  }

  .max\:push-left-19\/24 {
    left: calc(19 / 24 * 100%);
  }

  .max\:pull-left-19\/24 {
    left: calc(19 / 24 * -100%);
  }

  .max\:push-right-19\/24 {
    right: calc(19 / 24 * 100%);
  }

  .max\:pull-right-19\/24 {
    right: calc(19 / 24 * -100%);
  }

  .max\:w-20\/24 {
    width: calc(20 / 24 * 100%);
  }

  .max\:offset-20\/24 {
    margin-left: calc(20 / 24 * 100%);
  }

  .max\:push-left-20\/24 {
    left: calc(20 / 24 * 100%);
  }

  .max\:pull-left-20\/24 {
    left: calc(20 / 24 * -100%);
  }

  .max\:push-right-20\/24 {
    right: calc(20 / 24 * 100%);
  }

  .max\:pull-right-20\/24 {
    right: calc(20 / 24 * -100%);
  }

  .max\:w-21\/24 {
    width: calc(21 / 24 * 100%);
  }

  .max\:offset-21\/24 {
    margin-left: calc(21 / 24 * 100%);
  }

  .max\:push-left-21\/24 {
    left: calc(21 / 24 * 100%);
  }

  .max\:pull-left-21\/24 {
    left: calc(21 / 24 * -100%);
  }

  .max\:push-right-21\/24 {
    right: calc(21 / 24 * 100%);
  }

  .max\:pull-right-21\/24 {
    right: calc(21 / 24 * -100%);
  }

  .max\:w-22\/24 {
    width: calc(22 / 24 * 100%);
  }

  .max\:offset-22\/24 {
    margin-left: calc(22 / 24 * 100%);
  }

  .max\:push-left-22\/24 {
    left: calc(22 / 24 * 100%);
  }

  .max\:pull-left-22\/24 {
    left: calc(22 / 24 * -100%);
  }

  .max\:push-right-22\/24 {
    right: calc(22 / 24 * 100%);
  }

  .max\:pull-right-22\/24 {
    right: calc(22 / 24 * -100%);
  }

  .max\:w-23\/24 {
    width: calc(23 / 24 * 100%);
  }

  .max\:offset-23\/24 {
    margin-left: calc(23 / 24 * 100%);
  }

  .max\:push-left-23\/24 {
    left: calc(23 / 24 * 100%);
  }

  .max\:pull-left-23\/24 {
    left: calc(23 / 24 * -100%);
  }

  .max\:push-right-23\/24 {
    right: calc(23 / 24 * 100%);
  }

  .max\:pull-right-23\/24 {
    right: calc(23 / 24 * -100%);
  }

  .max\:w-24\/24 {
    width: calc(24 / 24 * 100%);
  }

  .max\:offset-24\/24 {
    margin-left: calc(24 / 24 * 100%);
  }

  .max\:push-left-24\/24 {
    left: calc(24 / 24 * 100%);
  }

  .max\:pull-left-24\/24 {
    left: calc(24 / 24 * -100%);
  }

  .max\:push-right-24\/24 {
    right: calc(24 / 24 * 100%);
  }

  .max\:pull-right-24\/24 {
    right: calc(24 / 24 * -100%);
  }

  .max\:w-1600px {
    width: 8px;
  }

  .max\:w-1600px {
    width: 16px;
  }

  .max\:w-1600px {
    width: 24px;
  }

  .max\:w-1600px {
    width: 32px;
  }

  .max\:w-1600px {
    width: 40px;
  }

  .max\:w-1600px {
    width: 48px;
  }

  .max\:w-1600px {
    width: 56px;
  }

  .max\:w-1600px {
    width: 64px;
  }

  .max\:w-1600px {
    width: 72px;
  }

  .max\:w-1600px {
    width: 80px;
  }

  .max\:w-1600px {
    width: 88px;
  }

  .max\:w-1600px {
    width: 96px;
  }

  .max\:w-1600px {
    width: 104px;
  }

  .max\:w-1600px {
    width: 112px;
  }

  .max\:w-1600px {
    width: 120px;
  }

  .max\:w-1600px {
    width: 128px;
  }

  .max\:w-1600px {
    width: 136px;
  }

  .max\:w-1600px {
    width: 144px;
  }

  .max\:w-1600px {
    width: 152px;
  }

  .max\:w-1600px {
    width: 160px;
  }

  .max\:w-1600px {
    width: 168px;
  }

  .max\:w-1600px {
    width: 176px;
  }

  .max\:w-1600px {
    width: 184px;
  }

  .max\:w-1600px {
    width: 192px;
  }

  .max\:w-1600px {
    width: 200px;
  }

  .max\:w-1600px {
    width: 208px;
  }

  .max\:w-1600px {
    width: 216px;
  }

  .max\:w-1600px {
    width: 224px;
  }

  .max\:w-1600px {
    width: 232px;
  }

  .max\:w-1600px {
    width: 240px;
  }

  .max\:w-1600px {
    width: 248px;
  }

  .max\:w-1600px {
    width: 256px;
  }

  .max\:w-screen {
    width: 100vw;
  }

  .max\:w-full {
    width: 100%;
  }

  .max\:min-w-0 {
    min-width: 0;
  }

  .max\:min-w-full {
    min-width: 100%;
  }

  .max\:h-1600px {
    height: 8px;
  }

  .max\:h-1600px {
    height: 16px;
  }

  .max\:h-1600px {
    height: 24px;
  }

  .max\:h-1600px {
    height: 32px;
  }

  .max\:h-1600px {
    height: 40px;
  }

  .max\:h-1600px {
    height: 48px;
  }

  .max\:h-1600px {
    height: 56px;
  }

  .max\:h-1600px {
    height: 64px;
  }

  .max\:h-1600px {
    height: 72px;
  }

  .max\:h-1600px {
    height: 80px;
  }

  .max\:h-1600px {
    height: 88px;
  }

  .max\:h-1600px {
    height: 96px;
  }

  .max\:h-1600px {
    height: 104px;
  }

  .max\:h-1600px {
    height: 112px;
  }

  .max\:h-1600px {
    height: 120px;
  }

  .max\:h-1600px {
    height: 128px;
  }

  .max\:h-1600px {
    height: 136px;
  }

  .max\:h-1600px {
    height: 144px;
  }

  .max\:h-1600px {
    height: 152px;
  }

  .max\:h-1600px {
    height: 160px;
  }

  .max\:h-1600px {
    height: 168px;
  }

  .max\:h-1600px {
    height: 176px;
  }

  .max\:h-1600px {
    height: 184px;
  }

  .max\:h-1600px {
    height: 192px;
  }

  .max\:h-1600px {
    height: 200px;
  }

  .max\:h-1600px {
    height: 208px;
  }

  .max\:h-1600px {
    height: 216px;
  }

  .max\:h-1600px {
    height: 224px;
  }

  .max\:h-1600px {
    height: 232px;
  }

  .max\:h-1600px {
    height: 240px;
  }

  .max\:h-1600px {
    height: 248px;
  }

  .max\:h-1600px {
    height: 256px;
  }

  .max\:h-screen {
    height: 100vw;
  }

  .max\:h-full {
    height: 100%;
  }

  .max\:min-h-0 {
    min-height: 0;
  }

  .max\:min-h-full {
    min-height: 100%;
  }

  .max\:min-h-screen {
    min-height: 100vh;
  }

  .max\:max-h-full {
    max-height: 100%;
  }

  .max\:max-h-screen {
    max-height: 100vh;
  }

  .max\:stack-0 > * + * {
    margin-top: 0;
  }

  .max\:stack-0\.25 > * + * {
    margin-top: 2px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-0\.25 > * + * {
    margin-top: calc(2px + 2 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-0\.25 > * + * {
    margin-top: 4px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-0\.5 > * + * {
    margin-top: 4px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-0\.5 > * + * {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-0\.5 > * + * {
    margin-top: 8px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-0\.75 > * + * {
    margin-top: 6px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-0\.75 > * + * {
    margin-top: calc(6px + 6 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-0\.75 > * + * {
    margin-top: 12px;
  }
}

@media (min-width: 1600px) {
  .max\:stack > * + *,
  .max\:stack-1 > * + * {
    margin-top: 8px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack > * + *,
  .max\:stack-1 > * + * {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack > * + *,
  .max\:stack-1 > * + * {
    margin-top: 16px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-1\.5 > * + * {
    margin-top: 12px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-1\.5 > * + * {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-1\.5 > * + * {
    margin-top: 24px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-2 > * + * {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-2 > * + * {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-2 > * + * {
    margin-top: 32px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-2\.5 > * + * {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-2\.5 > * + * {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-2\.5 > * + * {
    margin-top: 40px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-3 > * + * {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-3 > * + * {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-3 > * + * {
    margin-top: 48px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-0\.25 > .a-headline {
    margin-top: 4px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-0\.25 > .a-headline {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-0\.25 > .a-headline {
    margin-top: 8px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-0\.25 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack-0\.5 > .a-headline {
    margin-top: 8px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-0\.5 > .a-headline {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-0\.5 > .a-headline {
    margin-top: 16px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-0\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack-0\.75 > .a-headline {
    margin-top: 12px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-0\.75 > .a-headline {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-0\.75 > .a-headline {
    margin-top: 24px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-0\.75 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack > .a-headline,
  .max\:stack-1 > .a-headline {
    margin-top: 16px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack > .a-headline,
  .max\:stack-1 > .a-headline {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack > .a-headline,
  .max\:stack-1 > .a-headline {
    margin-top: 32px;
  }
}

@media (min-width: 1600px) {
  .max\:stack > .a-headline:first-child,
  .max\:stack-1 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack-1\.5 > .a-headline {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-1\.5 > .a-headline {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-1\.5 > .a-headline {
    margin-top: 48px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-1\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack-2 > .a-headline {
    margin-top: 32px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-2 > .a-headline {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-2 > .a-headline {
    margin-top: 64px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-2 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack-2\.5 > .a-headline {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-2\.5 > .a-headline {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-2\.5 > .a-headline {
    margin-top: 80px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-2\.5 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:stack-3 > .a-headline {
    margin-top: 48px;
  }
}

@media screen and (min-width: 1600px) and (min-width: 320px) {
  .max\:stack-3 > .a-headline {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
  .max\:stack-3 > .a-headline {
    margin-top: 96px;
  }
}

@media (min-width: 1600px) {
  .max\:stack-3 > .a-headline:first-child {
    margin-top: 0;
  }

  .max\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max\:ml-auto {
    margin-left: auto;
  }

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

  .max\:block {
    display: block;
  }

  .max\:inline-block {
    display: inline-block;
  }

  .max\:inline {
    display: inline;
  }

  .max\:flex {
    display: flex;
  }

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

  .max\:table {
    display: table;
  }

  .max\:table-row {
    display: table-row;
  }

  .max\:table-cell {
    display: table-cell;
  }

  .max\:hidden {
    display: none;
  }

  .max\:float-left {
    float: left;
  }

  .max\:float-right {
    float: right;
  }

  .max\:float-none {
    float: none;
  }

  .max\:clearfix::after {
    content: '';
    display: table;
    clear: both;
  }

  .max\:object-contain {
    object-fit: contain;
  }

  .max\:object-cover {
    object-fit: cover;
  }

  .max\:object-fill {
    object-fit: fill;
  }

  .max\:object-none {
    object-fit: none;
  }

  .max\:object-scale-down {
    object-fit: scale-down;
  }

  .max\:object-bottom {
    object-position: bottom;
  }

  .max\:object-center {
    object-position: center;
  }

  .max\:object-left {
    object-position: left;
  }

  .max\:object-left-bottom {
    object-position: left bottom;
  }

  .max\:object-left-top {
    object-position: left top;
  }

  .max\:object-right {
    object-position: right;
  }

  .max\:object-right-bottom {
    object-position: right bottom;
  }

  .max\:object-right-top {
    object-position: right top;
  }

  .max\:object-top {
    object-position: top;
  }

  .max\:overflow-auto {
    overflow: auto;
  }

  .max\:overflow-hidden {
    overflow: hidden;
  }

  .max\:overflow-visible {
    overflow: visible;
  }

  .max\:overflow-scroll {
    overflow: scroll;
  }

  .max\:overflow-x-auto {
    overflow-x: auto;
  }

  .max\:overflow-y-auto {
    overflow-y: auto;
  }

  .max\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .max\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .max\:overflow-x-visible {
    overflow-x: visible;
  }

  .max\:overflow-y-visible {
    overflow-y: visible;
  }

  .max\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .max\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .max\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .max\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .max\:static {
    position: static;
  }

  .max\:fixed {
    position: fixed;
  }

  .max\:absolute {
    position: absolute;
  }

  .max\:relative {
    position: relative;
  }

  .max\:sticky {
    position: sticky;
  }

  .max\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .max\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .max\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .max\:top-0 {
    top: 0;
  }

  .max\:right-0 {
    right: 0;
  }

  .max\:bottom-0 {
    bottom: 0;
  }

  .max\:left-0 {
    left: 0;
  }

  .max\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .max\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .max\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .max\:top-auto {
    top: auto;
  }

  .max\:bottom-auto {
    bottom: auto;
  }

  .max\:left-auto {
    left: auto;
  }

  .max\:right-auto {
    right: auto;
  }

  .max\:visible {
    visibility: visible;
  }

  .max\:invisible {
    visibility: hidden;
  }

  .max\:z-0 {
    z-index: 0;
  }

  .max\:z-10 {
    z-index: 10;
  }

  .max\:z-20 {
    z-index: 20;
  }

  .max\:z-30 {
    z-index: 30;
  }

  .max\:z-40 {
    z-index: 40;
  }

  .max\:z-50 {
    z-index: 50;
  }

  .max\:z-auto {
    z-index: auto;
  }

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

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

  .max\:flex-col {
    flex-direction: column;
  }

  .max\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .max\:flex-no-wrap {
    flex-wrap: nowrap;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .max\:self-auto {
    align-self: auto;
  }

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

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

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

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

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

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

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

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

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

  .max\:flex-initial {
    flex: 0 1 auto;
  }

  .max\:flex-1 {
    flex: 1 1 0%;
  }

  .max\:flex-auto {
    flex: 1 1 auto;
  }

  .max\:flex-none {
    flex: none;
  }

  .max\:flex-grow {
    flex-grow: 1;
  }

  .max\:flex-grow-0 {
    flex-grow: 0;
  }

  .max\:flex-shrink {
    flex-shrink: 1;
  }

  .max\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .max\:order-first {
    order: -9999;
  }

  .max\:order-last {
    order: 9999;
  }

  .max\:order-none {
    order: 0;
  }

  .max\:order-1 {
    order: 1;
  }

  .max\:order-2 {
    order: 2;
  }

  .max\:order-3 {
    order: 3;
  }

  .max\:order-4 {
    order: 4;
  }

  .max\:order-5 {
    order: 5;
  }

  .max\:order-6 {
    order: 6;
  }

  .max\:order-7 {
    order: 7;
  }

  .max\:order-8 {
    order: 8;
  }

  .max\:order-9 {
    order: 9;
  }

  .max\:order-10 {
    order: 10;
  }

  .max\:order-11 {
    order: 11;
  }

  .max\:order-12 {
    order: 12;
  }

  .max\:table-auto {
    table-layout: auto;
  }

  .max\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  .max\:text-justify {
    text-align: justify;
  }

  .max\:whitespace-normal {
    white-space: normal;
  }

  .max\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .max\:whitespace-pre {
    white-space: pre;
  }

  .max\:whitespace-pre-line {
    white-space: pre-line;
  }

  .max\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .max\:break-normal {
    word-break: normal;
    overflow-wrap: normal;
  }

  .max\:break-words {
    overflow-wrap: break-word;
  }

  .max\:break-all {
    word-break: break-all;
  }

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

  .max\:p-0 {
    padding: 0;
  }

  .max\:pl-0 {
    padding-left: 0;
  }

  .max\:pr-0 {
    padding-right: 0;
  }

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

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

  .max\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .max\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .max\:m-0 {
    margin: 0;
  }

  .max\:ml-0 {
    margin-left: 0;
  }

  .max\:mr-0 {
    margin-right: 0;
  }

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

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

  .max\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .max\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .max\:-m-0 {
    margin: -0;
  }

  .max\:-ml-0 {
    margin-left: -0;
  }

  .max\:-mr-0 {
    margin-right: -0;
  }

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

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

  .max\:-mx-0 {
    margin-left: -0;
    margin-right: -0;
  }

  .max\:-my-0 {
    margin-top: -0;
    margin-bottom: -0;
  }

  .max\:p-1 {
    padding: 8px;
  }

  .max\:pl-1 {
    padding-left: 8px;
  }

  .max\:pr-1 {
    padding-right: 8px;
  }

  .max\:pt-1 {
    padding-top: 8px;
  }

  .max\:pb-1 {
    padding-bottom: 8px;
  }

  .max\:px-1 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .max\:py-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .max\:m-1 {
    margin: 8px;
  }

  .max\:ml-1 {
    margin-left: 8px;
  }

  .max\:mr-1 {
    margin-right: 8px;
  }

  .max\:mt-1 {
    margin-top: 8px;
  }

  .max\:mb-1 {
    margin-bottom: 8px;
  }

  .max\:mx-1 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .max\:my-1 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .max\:-m-1 {
    margin: -8px;
  }

  .max\:-ml-1 {
    margin-left: -8px;
  }

  .max\:-mr-1 {
    margin-right: -8px;
  }

  .max\:-mt-1 {
    margin-top: -8px;
  }

  .max\:-mb-1 {
    margin-bottom: -8px;
  }

  .max\:-mx-1 {
    margin-left: -8px;
    margin-right: -8px;
  }

  .max\:-my-1 {
    margin-top: -8px;
    margin-bottom: -8px;
  }

  .max\:p-2 {
    padding: 16px;
  }

  .max\:pl-2 {
    padding-left: 16px;
  }

  .max\:pr-2 {
    padding-right: 16px;
  }

  .max\:pt-2 {
    padding-top: 16px;
  }

  .max\:pb-2 {
    padding-bottom: 16px;
  }

  .max\:px-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .max\:py-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .max\:m-2 {
    margin: 16px;
  }

  .max\:ml-2 {
    margin-left: 16px;
  }

  .max\:mr-2 {
    margin-right: 16px;
  }

  .max\:mt-2 {
    margin-top: 16px;
  }

  .max\:mb-2 {
    margin-bottom: 16px;
  }

  .max\:mx-2 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .max\:my-2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .max\:-m-2 {
    margin: -16px;
  }

  .max\:-ml-2 {
    margin-left: -16px;
  }

  .max\:-mr-2 {
    margin-right: -16px;
  }

  .max\:-mt-2 {
    margin-top: -16px;
  }

  .max\:-mb-2 {
    margin-bottom: -16px;
  }

  .max\:-mx-2 {
    margin-left: -16px;
    margin-right: -16px;
  }

  .max\:-my-2 {
    margin-top: -16px;
    margin-bottom: -16px;
  }

  .max\:p-3 {
    padding: 24px;
  }

  .max\:pl-3 {
    padding-left: 24px;
  }

  .max\:pr-3 {
    padding-right: 24px;
  }

  .max\:pt-3 {
    padding-top: 24px;
  }

  .max\:pb-3 {
    padding-bottom: 24px;
  }

  .max\:px-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .max\:py-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .max\:m-3 {
    margin: 24px;
  }

  .max\:ml-3 {
    margin-left: 24px;
  }

  .max\:mr-3 {
    margin-right: 24px;
  }

  .max\:mt-3 {
    margin-top: 24px;
  }

  .max\:mb-3 {
    margin-bottom: 24px;
  }

  .max\:mx-3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .max\:my-3 {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .max\:-m-3 {
    margin: -24px;
  }

  .max\:-ml-3 {
    margin-left: -24px;
  }

  .max\:-mr-3 {
    margin-right: -24px;
  }

  .max\:-mt-3 {
    margin-top: -24px;
  }

  .max\:-mb-3 {
    margin-bottom: -24px;
  }

  .max\:-mx-3 {
    margin-left: -24px;
    margin-right: -24px;
  }

  .max\:-my-3 {
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .max\:p-4 {
    padding: 32px;
  }

  .max\:pl-4 {
    padding-left: 32px;
  }

  .max\:pr-4 {
    padding-right: 32px;
  }

  .max\:pt-4 {
    padding-top: 32px;
  }

  .max\:pb-4 {
    padding-bottom: 32px;
  }

  .max\:px-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .max\:py-4 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .max\:m-4 {
    margin: 32px;
  }

  .max\:ml-4 {
    margin-left: 32px;
  }

  .max\:mr-4 {
    margin-right: 32px;
  }

  .max\:mt-4 {
    margin-top: 32px;
  }

  .max\:mb-4 {
    margin-bottom: 32px;
  }

  .max\:mx-4 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .max\:my-4 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .max\:-m-4 {
    margin: -32px;
  }

  .max\:-ml-4 {
    margin-left: -32px;
  }

  .max\:-mr-4 {
    margin-right: -32px;
  }

  .max\:-mt-4 {
    margin-top: -32px;
  }

  .max\:-mb-4 {
    margin-bottom: -32px;
  }

  .max\:-mx-4 {
    margin-left: -32px;
    margin-right: -32px;
  }

  .max\:-my-4 {
    margin-top: -32px;
    margin-bottom: -32px;
  }

  .max\:p-5 {
    padding: 40px;
  }

  .max\:pl-5 {
    padding-left: 40px;
  }

  .max\:pr-5 {
    padding-right: 40px;
  }

  .max\:pt-5 {
    padding-top: 40px;
  }

  .max\:pb-5 {
    padding-bottom: 40px;
  }

  .max\:px-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .max\:py-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .max\:m-5 {
    margin: 40px;
  }

  .max\:ml-5 {
    margin-left: 40px;
  }

  .max\:mr-5 {
    margin-right: 40px;
  }

  .max\:mt-5 {
    margin-top: 40px;
  }

  .max\:mb-5 {
    margin-bottom: 40px;
  }

  .max\:mx-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .max\:my-5 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .max\:-m-5 {
    margin: -40px;
  }

  .max\:-ml-5 {
    margin-left: -40px;
  }

  .max\:-mr-5 {
    margin-right: -40px;
  }

  .max\:-mt-5 {
    margin-top: -40px;
  }

  .max\:-mb-5 {
    margin-bottom: -40px;
  }

  .max\:-mx-5 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .max\:-my-5 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .max\:p-6 {
    padding: 48px;
  }

  .max\:pl-6 {
    padding-left: 48px;
  }

  .max\:pr-6 {
    padding-right: 48px;
  }

  .max\:pt-6 {
    padding-top: 48px;
  }

  .max\:pb-6 {
    padding-bottom: 48px;
  }

  .max\:px-6 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .max\:py-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .max\:m-6 {
    margin: 48px;
  }

  .max\:ml-6 {
    margin-left: 48px;
  }

  .max\:mr-6 {
    margin-right: 48px;
  }

  .max\:mt-6 {
    margin-top: 48px;
  }

  .max\:mb-6 {
    margin-bottom: 48px;
  }

  .max\:mx-6 {
    margin-left: 48px;
    margin-right: 48px;
  }

  .max\:my-6 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .max\:-m-6 {
    margin: -48px;
  }

  .max\:-ml-6 {
    margin-left: -48px;
  }

  .max\:-mr-6 {
    margin-right: -48px;
  }

  .max\:-mt-6 {
    margin-top: -48px;
  }

  .max\:-mb-6 {
    margin-bottom: -48px;
  }

  .max\:-mx-6 {
    margin-left: -48px;
    margin-right: -48px;
  }

  .max\:-my-6 {
    margin-top: -48px;
    margin-bottom: -48px;
  }

  .max\:p-7 {
    padding: 56px;
  }

  .max\:pl-7 {
    padding-left: 56px;
  }

  .max\:pr-7 {
    padding-right: 56px;
  }

  .max\:pt-7 {
    padding-top: 56px;
  }

  .max\:pb-7 {
    padding-bottom: 56px;
  }

  .max\:px-7 {
    padding-left: 56px;
    padding-right: 56px;
  }

  .max\:py-7 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .max\:m-7 {
    margin: 56px;
  }

  .max\:ml-7 {
    margin-left: 56px;
  }

  .max\:mr-7 {
    margin-right: 56px;
  }

  .max\:mt-7 {
    margin-top: 56px;
  }

  .max\:mb-7 {
    margin-bottom: 56px;
  }

  .max\:mx-7 {
    margin-left: 56px;
    margin-right: 56px;
  }

  .max\:my-7 {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .max\:-m-7 {
    margin: -56px;
  }

  .max\:-ml-7 {
    margin-left: -56px;
  }

  .max\:-mr-7 {
    margin-right: -56px;
  }

  .max\:-mt-7 {
    margin-top: -56px;
  }

  .max\:-mb-7 {
    margin-bottom: -56px;
  }

  .max\:-mx-7 {
    margin-left: -56px;
    margin-right: -56px;
  }

  .max\:-my-7 {
    margin-top: -56px;
    margin-bottom: -56px;
  }

  .max\:p-8 {
    padding: 64px;
  }

  .max\:pl-8 {
    padding-left: 64px;
  }

  .max\:pr-8 {
    padding-right: 64px;
  }

  .max\:pt-8 {
    padding-top: 64px;
  }

  .max\:pb-8 {
    padding-bottom: 64px;
  }

  .max\:px-8 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .max\:py-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .max\:m-8 {
    margin: 64px;
  }

  .max\:ml-8 {
    margin-left: 64px;
  }

  .max\:mr-8 {
    margin-right: 64px;
  }

  .max\:mt-8 {
    margin-top: 64px;
  }

  .max\:mb-8 {
    margin-bottom: 64px;
  }

  .max\:mx-8 {
    margin-left: 64px;
    margin-right: 64px;
  }

  .max\:my-8 {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .max\:-m-8 {
    margin: -64px;
  }

  .max\:-ml-8 {
    margin-left: -64px;
  }

  .max\:-mr-8 {
    margin-right: -64px;
  }

  .max\:-mt-8 {
    margin-top: -64px;
  }

  .max\:-mb-8 {
    margin-bottom: -64px;
  }

  .max\:-mx-8 {
    margin-left: -64px;
    margin-right: -64px;
  }

  .max\:-my-8 {
    margin-top: -64px;
    margin-bottom: -64px;
  }

  .max\:p-9 {
    padding: 72px;
  }

  .max\:pl-9 {
    padding-left: 72px;
  }

  .max\:pr-9 {
    padding-right: 72px;
  }

  .max\:pt-9 {
    padding-top: 72px;
  }

  .max\:pb-9 {
    padding-bottom: 72px;
  }

  .max\:px-9 {
    padding-left: 72px;
    padding-right: 72px;
  }

  .max\:py-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .max\:m-9 {
    margin: 72px;
  }

  .max\:ml-9 {
    margin-left: 72px;
  }

  .max\:mr-9 {
    margin-right: 72px;
  }

  .max\:mt-9 {
    margin-top: 72px;
  }

  .max\:mb-9 {
    margin-bottom: 72px;
  }

  .max\:mx-9 {
    margin-left: 72px;
    margin-right: 72px;
  }

  .max\:my-9 {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .max\:-m-9 {
    margin: -72px;
  }

  .max\:-ml-9 {
    margin-left: -72px;
  }

  .max\:-mr-9 {
    margin-right: -72px;
  }

  .max\:-mt-9 {
    margin-top: -72px;
  }

  .max\:-mb-9 {
    margin-bottom: -72px;
  }

  .max\:-mx-9 {
    margin-left: -72px;
    margin-right: -72px;
  }

  .max\:-my-9 {
    margin-top: -72px;
    margin-bottom: -72px;
  }

  .max\:p-10 {
    padding: 80px;
  }

  .max\:pl-10 {
    padding-left: 80px;
  }

  .max\:pr-10 {
    padding-right: 80px;
  }

  .max\:pt-10 {
    padding-top: 80px;
  }

  .max\:pb-10 {
    padding-bottom: 80px;
  }

  .max\:px-10 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .max\:py-10 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .max\:m-10 {
    margin: 80px;
  }

  .max\:ml-10 {
    margin-left: 80px;
  }

  .max\:mr-10 {
    margin-right: 80px;
  }

  .max\:mt-10 {
    margin-top: 80px;
  }

  .max\:mb-10 {
    margin-bottom: 80px;
  }

  .max\:mx-10 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .max\:my-10 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .max\:-m-10 {
    margin: -80px;
  }

  .max\:-ml-10 {
    margin-left: -80px;
  }

  .max\:-mr-10 {
    margin-right: -80px;
  }

  .max\:-mt-10 {
    margin-top: -80px;
  }

  .max\:-mb-10 {
    margin-bottom: -80px;
  }

  .max\:-mx-10 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .max\:-my-10 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .max\:p-11 {
    padding: 88px;
  }

  .max\:pl-11 {
    padding-left: 88px;
  }

  .max\:pr-11 {
    padding-right: 88px;
  }

  .max\:pt-11 {
    padding-top: 88px;
  }

  .max\:pb-11 {
    padding-bottom: 88px;
  }

  .max\:px-11 {
    padding-left: 88px;
    padding-right: 88px;
  }

  .max\:py-11 {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .max\:m-11 {
    margin: 88px;
  }

  .max\:ml-11 {
    margin-left: 88px;
  }

  .max\:mr-11 {
    margin-right: 88px;
  }

  .max\:mt-11 {
    margin-top: 88px;
  }

  .max\:mb-11 {
    margin-bottom: 88px;
  }

  .max\:mx-11 {
    margin-left: 88px;
    margin-right: 88px;
  }

  .max\:my-11 {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .max\:-m-11 {
    margin: -88px;
  }

  .max\:-ml-11 {
    margin-left: -88px;
  }

  .max\:-mr-11 {
    margin-right: -88px;
  }

  .max\:-mt-11 {
    margin-top: -88px;
  }

  .max\:-mb-11 {
    margin-bottom: -88px;
  }

  .max\:-mx-11 {
    margin-left: -88px;
    margin-right: -88px;
  }

  .max\:-my-11 {
    margin-top: -88px;
    margin-bottom: -88px;
  }

  .max\:p-12 {
    padding: 96px;
  }

  .max\:pl-12 {
    padding-left: 96px;
  }

  .max\:pr-12 {
    padding-right: 96px;
  }

  .max\:pt-12 {
    padding-top: 96px;
  }

  .max\:pb-12 {
    padding-bottom: 96px;
  }

  .max\:px-12 {
    padding-left: 96px;
    padding-right: 96px;
  }

  .max\:py-12 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .max\:m-12 {
    margin: 96px;
  }

  .max\:ml-12 {
    margin-left: 96px;
  }

  .max\:mr-12 {
    margin-right: 96px;
  }

  .max\:mt-12 {
    margin-top: 96px;
  }

  .max\:mb-12 {
    margin-bottom: 96px;
  }

  .max\:mx-12 {
    margin-left: 96px;
    margin-right: 96px;
  }

  .max\:my-12 {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .max\:-m-12 {
    margin: -96px;
  }

  .max\:-ml-12 {
    margin-left: -96px;
  }

  .max\:-mr-12 {
    margin-right: -96px;
  }

  .max\:-mt-12 {
    margin-top: -96px;
  }

  .max\:-mb-12 {
    margin-bottom: -96px;
  }

  .max\:-mx-12 {
    margin-left: -96px;
    margin-right: -96px;
  }

  .max\:-my-12 {
    margin-top: -96px;
    margin-bottom: -96px;
  }

  .max\:p-13 {
    padding: 104px;
  }

  .max\:pl-13 {
    padding-left: 104px;
  }

  .max\:pr-13 {
    padding-right: 104px;
  }

  .max\:pt-13 {
    padding-top: 104px;
  }

  .max\:pb-13 {
    padding-bottom: 104px;
  }

  .max\:px-13 {
    padding-left: 104px;
    padding-right: 104px;
  }

  .max\:py-13 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .max\:m-13 {
    margin: 104px;
  }

  .max\:ml-13 {
    margin-left: 104px;
  }

  .max\:mr-13 {
    margin-right: 104px;
  }

  .max\:mt-13 {
    margin-top: 104px;
  }

  .max\:mb-13 {
    margin-bottom: 104px;
  }

  .max\:mx-13 {
    margin-left: 104px;
    margin-right: 104px;
  }

  .max\:my-13 {
    margin-top: 104px;
    margin-bottom: 104px;
  }

  .max\:-m-13 {
    margin: -104px;
  }

  .max\:-ml-13 {
    margin-left: -104px;
  }

  .max\:-mr-13 {
    margin-right: -104px;
  }

  .max\:-mt-13 {
    margin-top: -104px;
  }

  .max\:-mb-13 {
    margin-bottom: -104px;
  }

  .max\:-mx-13 {
    margin-left: -104px;
    margin-right: -104px;
  }

  .max\:-my-13 {
    margin-top: -104px;
    margin-bottom: -104px;
  }

  .max\:p-14 {
    padding: 112px;
  }

  .max\:pl-14 {
    padding-left: 112px;
  }

  .max\:pr-14 {
    padding-right: 112px;
  }

  .max\:pt-14 {
    padding-top: 112px;
  }

  .max\:pb-14 {
    padding-bottom: 112px;
  }

  .max\:px-14 {
    padding-left: 112px;
    padding-right: 112px;
  }

  .max\:py-14 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .max\:m-14 {
    margin: 112px;
  }

  .max\:ml-14 {
    margin-left: 112px;
  }

  .max\:mr-14 {
    margin-right: 112px;
  }

  .max\:mt-14 {
    margin-top: 112px;
  }

  .max\:mb-14 {
    margin-bottom: 112px;
  }

  .max\:mx-14 {
    margin-left: 112px;
    margin-right: 112px;
  }

  .max\:my-14 {
    margin-top: 112px;
    margin-bottom: 112px;
  }

  .max\:-m-14 {
    margin: -112px;
  }

  .max\:-ml-14 {
    margin-left: -112px;
  }

  .max\:-mr-14 {
    margin-right: -112px;
  }

  .max\:-mt-14 {
    margin-top: -112px;
  }

  .max\:-mb-14 {
    margin-bottom: -112px;
  }

  .max\:-mx-14 {
    margin-left: -112px;
    margin-right: -112px;
  }

  .max\:-my-14 {
    margin-top: -112px;
    margin-bottom: -112px;
  }

  .max\:p-15 {
    padding: 120px;
  }

  .max\:pl-15 {
    padding-left: 120px;
  }

  .max\:pr-15 {
    padding-right: 120px;
  }

  .max\:pt-15 {
    padding-top: 120px;
  }

  .max\:pb-15 {
    padding-bottom: 120px;
  }

  .max\:px-15 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .max\:py-15 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .max\:m-15 {
    margin: 120px;
  }

  .max\:ml-15 {
    margin-left: 120px;
  }

  .max\:mr-15 {
    margin-right: 120px;
  }

  .max\:mt-15 {
    margin-top: 120px;
  }

  .max\:mb-15 {
    margin-bottom: 120px;
  }

  .max\:mx-15 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .max\:my-15 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .max\:-m-15 {
    margin: -120px;
  }

  .max\:-ml-15 {
    margin-left: -120px;
  }

  .max\:-mr-15 {
    margin-right: -120px;
  }

  .max\:-mt-15 {
    margin-top: -120px;
  }

  .max\:-mb-15 {
    margin-bottom: -120px;
  }

  .max\:-mx-15 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .max\:-my-15 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .max\:p-16 {
    padding: 128px;
  }

  .max\:pl-16 {
    padding-left: 128px;
  }

  .max\:pr-16 {
    padding-right: 128px;
  }

  .max\:pt-16 {
    padding-top: 128px;
  }

  .max\:pb-16 {
    padding-bottom: 128px;
  }

  .max\:px-16 {
    padding-left: 128px;
    padding-right: 128px;
  }

  .max\:py-16 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .max\:m-16 {
    margin: 128px;
  }

  .max\:ml-16 {
    margin-left: 128px;
  }

  .max\:mr-16 {
    margin-right: 128px;
  }

  .max\:mt-16 {
    margin-top: 128px;
  }

  .max\:mb-16 {
    margin-bottom: 128px;
  }

  .max\:mx-16 {
    margin-left: 128px;
    margin-right: 128px;
  }

  .max\:my-16 {
    margin-top: 128px;
    margin-bottom: 128px;
  }

  .max\:-m-16 {
    margin: -128px;
  }

  .max\:-ml-16 {
    margin-left: -128px;
  }

  .max\:-mr-16 {
    margin-right: -128px;
  }

  .max\:-mt-16 {
    margin-top: -128px;
  }

  .max\:-mb-16 {
    margin-bottom: -128px;
  }

  .max\:-mx-16 {
    margin-left: -128px;
    margin-right: -128px;
  }

  .max\:-my-16 {
    margin-top: -128px;
    margin-bottom: -128px;
  }

  .max\:p-17 {
    padding: 136px;
  }

  .max\:pl-17 {
    padding-left: 136px;
  }

  .max\:pr-17 {
    padding-right: 136px;
  }

  .max\:pt-17 {
    padding-top: 136px;
  }

  .max\:pb-17 {
    padding-bottom: 136px;
  }

  .max\:px-17 {
    padding-left: 136px;
    padding-right: 136px;
  }

  .max\:py-17 {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .max\:m-17 {
    margin: 136px;
  }

  .max\:ml-17 {
    margin-left: 136px;
  }

  .max\:mr-17 {
    margin-right: 136px;
  }

  .max\:mt-17 {
    margin-top: 136px;
  }

  .max\:mb-17 {
    margin-bottom: 136px;
  }

  .max\:mx-17 {
    margin-left: 136px;
    margin-right: 136px;
  }

  .max\:my-17 {
    margin-top: 136px;
    margin-bottom: 136px;
  }

  .max\:-m-17 {
    margin: -136px;
  }

  .max\:-ml-17 {
    margin-left: -136px;
  }

  .max\:-mr-17 {
    margin-right: -136px;
  }

  .max\:-mt-17 {
    margin-top: -136px;
  }

  .max\:-mb-17 {
    margin-bottom: -136px;
  }

  .max\:-mx-17 {
    margin-left: -136px;
    margin-right: -136px;
  }

  .max\:-my-17 {
    margin-top: -136px;
    margin-bottom: -136px;
  }
}

.p-0--fluid {
  padding: 0px;
}

@media screen and (min-width: 320px) {
  .p-0--fluid {
    padding: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0--fluid {
    padding: 0px;
  }
}

.p-0\.5--fluid {
  padding: 4px;
}

@media screen and (min-width: 320px) {
  .p-0\.5--fluid {
    padding: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-0\.5--fluid {
    padding: 8px;
  }
}

.pl-0--fluid {
  padding-left: 0px;
}

@media screen and (min-width: 320px) {
  .pl-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0--fluid {
    padding-left: 0px;
  }
}

.pl-0\.5--fluid {
  padding-left: 4px;
}

@media screen and (min-width: 320px) {
  .pl-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-0\.5--fluid {
    padding-left: 8px;
  }
}

.pr-0--fluid {
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .pr-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-0--fluid {
    padding-right: 0px;
  }
}

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

@media screen and (min-width: 320px) {
  .pt-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0--fluid {
    padding-top: 0px;
  }
}

.pt-0\.5--fluid {
  padding-top: 4px;
}

@media screen and (min-width: 320px) {
  .pt-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-0\.5--fluid {
    padding-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .pb-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0--fluid {
    padding-bottom: 0px;
  }
}

.pb-0\.5--fluid {
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .pb-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.px-0--fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .px-0--fluid {
    padding-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0--fluid {
    padding-right: 0px;
  }
}

.px-0\.5--fluid {
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .px-0\.5--fluid {
    padding-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-0\.5--fluid {
    padding-right: 8px;
  }
}

.py-0--fluid {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .py-0--fluid {
    padding-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0--fluid {
    padding-bottom: 0px;
  }
}

.py-0\.5--fluid {
  padding-top: 4px;
  padding-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .py-0\.5--fluid {
    padding-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-0\.5--fluid {
    padding-bottom: 8px;
  }
}

.m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0--fluid {
    margin: 0px;
  }
}

.m-0\.5--fluid {
  margin: 4px;
}

@media screen and (min-width: 320px) {
  .m-0\.5--fluid {
    margin: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-0\.5--fluid {
    margin: 8px;
  }
}

.ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0--fluid {
    margin-left: 0px;
  }
}

.ml-0\.5--fluid {
  margin-left: 4px;
}

@media screen and (min-width: 320px) {
  .ml-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-0\.5--fluid {
    margin-left: 8px;
  }
}

.mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0--fluid {
    margin-right: 0px;
  }
}

.mr-0\.5--fluid {
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mr-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-0\.5--fluid {
    margin-right: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0--fluid {
    margin-top: 0px;
  }
}

.mt-0\.5--fluid {
  margin-top: 4px;
}

@media screen and (min-width: 320px) {
  .mt-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-0\.5--fluid {
    margin-top: 8px;
  }
}

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

@media screen and (min-width: 320px) {
  .mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0--fluid {
    margin-bottom: 0px;
  }
}

.mb-0\.5--fluid {
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .mb-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0--fluid {
    margin-right: 0px;
  }
}

.mx-0\.5--fluid {
  margin-left: 4px;
  margin-right: 4px;
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-left: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-left: 8px;
  }
}

@media screen and (min-width: 320px) {
  .mx-0\.5--fluid {
    margin-right: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-0\.5--fluid {
    margin-right: 8px;
  }
}

.my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0--fluid {
    margin-bottom: 0px;
  }
}

.my-0\.5--fluid {
  margin-top: 4px;
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-top: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-top: 8px;
  }
}

@media screen and (min-width: 320px) {
  .my-0\.5--fluid {
    margin-bottom: calc(4px + 4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-0\.5--fluid {
    margin-bottom: 8px;
  }
}

.-m-0--fluid {
  margin: 0px;
}

@media screen and (min-width: 320px) {
  .-m-0--fluid {
    margin: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0--fluid {
    margin: 0px;
  }
}

.-m-0\.5--fluid {
  margin: -4px;
}

@media screen and (min-width: 320px) {
  .-m-0\.5--fluid {
    margin: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-0\.5--fluid {
    margin: -8px;
  }
}

.-ml-0--fluid {
  margin-left: 0px;
}

@media screen and (min-width: 320px) {
  .-ml-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0--fluid {
    margin-left: 0px;
  }
}

.-ml-0\.5--fluid {
  margin-left: -4px;
}

@media screen and (min-width: 320px) {
  .-ml-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-0\.5--fluid {
    margin-left: -8px;
  }
}

.-mr-0--fluid {
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mr-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0--fluid {
    margin-right: 0px;
  }
}

.-mr-0\.5--fluid {
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mr-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-0\.5--fluid {
    margin-right: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mt-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0--fluid {
    margin-top: 0px;
  }
}

.-mt-0\.5--fluid {
  margin-top: -4px;
}

@media screen and (min-width: 320px) {
  .-mt-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-0\.5--fluid {
    margin-top: -8px;
  }
}

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

@media screen and (min-width: 320px) {
  .-mb-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0--fluid {
    margin-bottom: 0px;
  }
}

.-mb-0\.5--fluid {
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-mb-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-mx-0--fluid {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-left: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0--fluid {
    margin-right: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0--fluid {
    margin-right: 0px;
  }
}

.-mx-0\.5--fluid {
  margin-left: -4px;
  margin-right: -4px;
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-left: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-left: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-0\.5--fluid {
    margin-right: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-0\.5--fluid {
    margin-right: -8px;
  }
}

.-my-0--fluid {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-top: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-top: 0px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0--fluid {
    margin-bottom: calc(0px + 0 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0--fluid {
    margin-bottom: 0px;
  }
}

.-my-0\.5--fluid {
  margin-top: -4px;
  margin-bottom: -4px;
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-top: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-top: -8px;
  }
}

@media screen and (min-width: 320px) {
  .-my-0\.5--fluid {
    margin-bottom: calc(-4px + -4 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-0\.5--fluid {
    margin-bottom: -8px;
  }
}

.p-1--fluid {
  padding: 8px;
}

@media screen and (min-width: 320px) {
  .p-1--fluid {
    padding: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1--fluid {
    padding: 16px;
  }
}

.p-1\.5--fluid {
  padding: 12px;
}

@media screen and (min-width: 320px) {
  .p-1\.5--fluid {
    padding: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-1\.5--fluid {
    padding: 24px;
  }
}

.pl-1--fluid {
  padding-left: 8px;
}

@media screen and (min-width: 320px) {
  .pl-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1--fluid {
    padding-left: 16px;
  }
}

.pl-1\.5--fluid {
  padding-left: 12px;
}

@media screen and (min-width: 320px) {
  .pl-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-1\.5--fluid {
    padding-left: 24px;
  }
}

.pr-1--fluid {
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .pr-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-1--fluid {
    padding-right: 16px;
  }
}

.pt-1--fluid {
  padding-top: 8px;
}

@media screen and (min-width: 320px) {
  .pt-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1--fluid {
    padding-top: 16px;
  }
}

.pt-1\.5--fluid {
  padding-top: 12px;
}

@media screen and (min-width: 320px) {
  .pt-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-1\.5--fluid {
    padding-top: 24px;
  }
}

.pb-1--fluid {
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .pb-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1--fluid {
    padding-bottom: 16px;
  }
}

.pb-1\.5--fluid {
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .pb-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.px-1--fluid {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .px-1--fluid {
    padding-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1--fluid {
    padding-right: 16px;
  }
}

.px-1\.5--fluid {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .px-1\.5--fluid {
    padding-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-1\.5--fluid {
    padding-right: 24px;
  }
}

.py-1--fluid {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .py-1--fluid {
    padding-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1--fluid {
    padding-bottom: 16px;
  }
}

.py-1\.5--fluid {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .py-1\.5--fluid {
    padding-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-1\.5--fluid {
    padding-bottom: 24px;
  }
}

.m-1--fluid {
  margin: 8px;
}

@media screen and (min-width: 320px) {
  .m-1--fluid {
    margin: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1--fluid {
    margin: 16px;
  }
}

.m-1\.5--fluid {
  margin: 12px;
}

@media screen and (min-width: 320px) {
  .m-1\.5--fluid {
    margin: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-1\.5--fluid {
    margin: 24px;
  }
}

.ml-1--fluid {
  margin-left: 8px;
}

@media screen and (min-width: 320px) {
  .ml-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1--fluid {
    margin-left: 16px;
  }
}

.ml-1\.5--fluid {
  margin-left: 12px;
}

@media screen and (min-width: 320px) {
  .ml-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-1\.5--fluid {
    margin-left: 24px;
  }
}

.mr-1--fluid {
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mr-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1--fluid {
    margin-right: 16px;
  }
}

.mr-1\.5--fluid {
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mr-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-1\.5--fluid {
    margin-right: 24px;
  }
}

.mt-1--fluid {
  margin-top: 8px;
}

@media screen and (min-width: 320px) {
  .mt-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1--fluid {
    margin-top: 16px;
  }
}

.mt-1\.5--fluid {
  margin-top: 12px;
}

@media screen and (min-width: 320px) {
  .mt-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-1\.5--fluid {
    margin-top: 24px;
  }
}

.mb-1--fluid {
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .mb-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1--fluid {
    margin-bottom: 16px;
  }
}

.mb-1\.5--fluid {
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .mb-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.mx-1--fluid {
  margin-left: 8px;
  margin-right: 8px;
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-left: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-left: 16px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1--fluid {
    margin-right: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1--fluid {
    margin-right: 16px;
  }
}

.mx-1\.5--fluid {
  margin-left: 12px;
  margin-right: 12px;
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-left: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-left: 24px;
  }
}

@media screen and (min-width: 320px) {
  .mx-1\.5--fluid {
    margin-right: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-1\.5--fluid {
    margin-right: 24px;
  }
}

.my-1--fluid {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-top: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-top: 16px;
  }
}

@media screen and (min-width: 320px) {
  .my-1--fluid {
    margin-bottom: calc(8px + 8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1--fluid {
    margin-bottom: 16px;
  }
}

.my-1\.5--fluid {
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-top: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-top: 24px;
  }
}

@media screen and (min-width: 320px) {
  .my-1\.5--fluid {
    margin-bottom: calc(12px + 12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-1\.5--fluid {
    margin-bottom: 24px;
  }
}

.-m-1--fluid {
  margin: -8px;
}

@media screen and (min-width: 320px) {
  .-m-1--fluid {
    margin: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1--fluid {
    margin: -16px;
  }
}

.-m-1\.5--fluid {
  margin: -12px;
}

@media screen and (min-width: 320px) {
  .-m-1\.5--fluid {
    margin: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-1\.5--fluid {
    margin: -24px;
  }
}

.-ml-1--fluid {
  margin-left: -8px;
}

@media screen and (min-width: 320px) {
  .-ml-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1--fluid {
    margin-left: -16px;
  }
}

.-ml-1\.5--fluid {
  margin-left: -12px;
}

@media screen and (min-width: 320px) {
  .-ml-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-1\.5--fluid {
    margin-left: -24px;
  }
}

.-mr-1--fluid {
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mr-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1--fluid {
    margin-right: -16px;
  }
}

.-mr-1\.5--fluid {
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mr-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mt-1--fluid {
  margin-top: -8px;
}

@media screen and (min-width: 320px) {
  .-mt-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1--fluid {
    margin-top: -16px;
  }
}

.-mt-1\.5--fluid {
  margin-top: -12px;
}

@media screen and (min-width: 320px) {
  .-mt-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-1\.5--fluid {
    margin-top: -24px;
  }
}

.-mb-1--fluid {
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-mb-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1--fluid {
    margin-bottom: -16px;
  }
}

.-mb-1\.5--fluid {
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-mb-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-mx-1--fluid {
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-left: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-left: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1--fluid {
    margin-right: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1--fluid {
    margin-right: -16px;
  }
}

.-mx-1\.5--fluid {
  margin-left: -12px;
  margin-right: -12px;
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-left: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-left: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-1\.5--fluid {
    margin-right: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-1\.5--fluid {
    margin-right: -24px;
  }
}

.-my-1--fluid {
  margin-top: -8px;
  margin-bottom: -8px;
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-top: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-top: -16px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1--fluid {
    margin-bottom: calc(-8px + -8 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1--fluid {
    margin-bottom: -16px;
  }
}

.-my-1\.5--fluid {
  margin-top: -12px;
  margin-bottom: -12px;
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-top: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-top: -24px;
  }
}

@media screen and (min-width: 320px) {
  .-my-1\.5--fluid {
    margin-bottom: calc(-12px + -12 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-1\.5--fluid {
    margin-bottom: -24px;
  }
}

.p-2--fluid {
  padding: 16px;
}

@media screen and (min-width: 320px) {
  .p-2--fluid {
    padding: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2--fluid {
    padding: 32px;
  }
}

.p-2\.5--fluid {
  padding: 20px;
}

@media screen and (min-width: 320px) {
  .p-2\.5--fluid {
    padding: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-2\.5--fluid {
    padding: 40px;
  }
}

.pl-2--fluid {
  padding-left: 16px;
}

@media screen and (min-width: 320px) {
  .pl-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2--fluid {
    padding-left: 32px;
  }
}

.pl-2\.5--fluid {
  padding-left: 20px;
}

@media screen and (min-width: 320px) {
  .pl-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-2\.5--fluid {
    padding-left: 40px;
  }
}

.pr-2--fluid {
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .pr-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-2--fluid {
    padding-right: 32px;
  }
}

.pt-2--fluid {
  padding-top: 16px;
}

@media screen and (min-width: 320px) {
  .pt-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2--fluid {
    padding-top: 32px;
  }
}

.pt-2\.5--fluid {
  padding-top: 20px;
}

@media screen and (min-width: 320px) {
  .pt-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-2\.5--fluid {
    padding-top: 40px;
  }
}

.pb-2--fluid {
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .pb-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2--fluid {
    padding-bottom: 32px;
  }
}

.pb-2\.5--fluid {
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .pb-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.px-2--fluid {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .px-2--fluid {
    padding-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2--fluid {
    padding-right: 32px;
  }
}

.px-2\.5--fluid {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .px-2\.5--fluid {
    padding-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-2\.5--fluid {
    padding-right: 40px;
  }
}

.py-2--fluid {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .py-2--fluid {
    padding-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2--fluid {
    padding-bottom: 32px;
  }
}

.py-2\.5--fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .py-2\.5--fluid {
    padding-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-2\.5--fluid {
    padding-bottom: 40px;
  }
}

.m-2--fluid {
  margin: 16px;
}

@media screen and (min-width: 320px) {
  .m-2--fluid {
    margin: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2--fluid {
    margin: 32px;
  }
}

.m-2\.5--fluid {
  margin: 20px;
}

@media screen and (min-width: 320px) {
  .m-2\.5--fluid {
    margin: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-2\.5--fluid {
    margin: 40px;
  }
}

.ml-2--fluid {
  margin-left: 16px;
}

@media screen and (min-width: 320px) {
  .ml-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2--fluid {
    margin-left: 32px;
  }
}

.ml-2\.5--fluid {
  margin-left: 20px;
}

@media screen and (min-width: 320px) {
  .ml-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-2\.5--fluid {
    margin-left: 40px;
  }
}

.mr-2--fluid {
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mr-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2--fluid {
    margin-right: 32px;
  }
}

.mr-2\.5--fluid {
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mr-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-2\.5--fluid {
    margin-right: 40px;
  }
}

.mt-2--fluid {
  margin-top: 16px;
}

@media screen and (min-width: 320px) {
  .mt-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2--fluid {
    margin-top: 32px;
  }
}

.mt-2\.5--fluid {
  margin-top: 20px;
}

@media screen and (min-width: 320px) {
  .mt-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-2\.5--fluid {
    margin-top: 40px;
  }
}

.mb-2--fluid {
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .mb-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2--fluid {
    margin-bottom: 32px;
  }
}

.mb-2\.5--fluid {
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .mb-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.mx-2--fluid {
  margin-left: 16px;
  margin-right: 16px;
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-left: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-left: 32px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2--fluid {
    margin-right: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2--fluid {
    margin-right: 32px;
  }
}

.mx-2\.5--fluid {
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-left: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-left: 40px;
  }
}

@media screen and (min-width: 320px) {
  .mx-2\.5--fluid {
    margin-right: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-2\.5--fluid {
    margin-right: 40px;
  }
}

.my-2--fluid {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-top: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-top: 32px;
  }
}

@media screen and (min-width: 320px) {
  .my-2--fluid {
    margin-bottom: calc(16px + 16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2--fluid {
    margin-bottom: 32px;
  }
}

.my-2\.5--fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-top: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-top: 40px;
  }
}

@media screen and (min-width: 320px) {
  .my-2\.5--fluid {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-2\.5--fluid {
    margin-bottom: 40px;
  }
}

.-m-2--fluid {
  margin: -16px;
}

@media screen and (min-width: 320px) {
  .-m-2--fluid {
    margin: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2--fluid {
    margin: -32px;
  }
}

.-m-2\.5--fluid {
  margin: -20px;
}

@media screen and (min-width: 320px) {
  .-m-2\.5--fluid {
    margin: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-2\.5--fluid {
    margin: -40px;
  }
}

.-ml-2--fluid {
  margin-left: -16px;
}

@media screen and (min-width: 320px) {
  .-ml-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2--fluid {
    margin-left: -32px;
  }
}

.-ml-2\.5--fluid {
  margin-left: -20px;
}

@media screen and (min-width: 320px) {
  .-ml-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-2\.5--fluid {
    margin-left: -40px;
  }
}

.-mr-2--fluid {
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mr-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2--fluid {
    margin-right: -32px;
  }
}

.-mr-2\.5--fluid {
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mr-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mt-2--fluid {
  margin-top: -16px;
}

@media screen and (min-width: 320px) {
  .-mt-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2--fluid {
    margin-top: -32px;
  }
}

.-mt-2\.5--fluid {
  margin-top: -20px;
}

@media screen and (min-width: 320px) {
  .-mt-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-2\.5--fluid {
    margin-top: -40px;
  }
}

.-mb-2--fluid {
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-mb-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2--fluid {
    margin-bottom: -32px;
  }
}

.-mb-2\.5--fluid {
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-mb-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-mx-2--fluid {
  margin-left: -16px;
  margin-right: -16px;
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-left: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-left: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2--fluid {
    margin-right: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2--fluid {
    margin-right: -32px;
  }
}

.-mx-2\.5--fluid {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-left: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-left: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-2\.5--fluid {
    margin-right: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-2\.5--fluid {
    margin-right: -40px;
  }
}

.-my-2--fluid {
  margin-top: -16px;
  margin-bottom: -16px;
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-top: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-top: -32px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2--fluid {
    margin-bottom: calc(-16px + -16 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2--fluid {
    margin-bottom: -32px;
  }
}

.-my-2\.5--fluid {
  margin-top: -20px;
  margin-bottom: -20px;
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-top: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-top: -40px;
  }
}

@media screen and (min-width: 320px) {
  .-my-2\.5--fluid {
    margin-bottom: calc(-20px + -20 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-2\.5--fluid {
    margin-bottom: -40px;
  }
}

.p-3--fluid {
  padding: 24px;
}

@media screen and (min-width: 320px) {
  .p-3--fluid {
    padding: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3--fluid {
    padding: 48px;
  }
}

.p-3\.5--fluid {
  padding: 28px;
}

@media screen and (min-width: 320px) {
  .p-3\.5--fluid {
    padding: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-3\.5--fluid {
    padding: 56px;
  }
}

.pl-3--fluid {
  padding-left: 24px;
}

@media screen and (min-width: 320px) {
  .pl-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3--fluid {
    padding-left: 48px;
  }
}

.pl-3\.5--fluid {
  padding-left: 28px;
}

@media screen and (min-width: 320px) {
  .pl-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-3\.5--fluid {
    padding-left: 56px;
  }
}

.pr-3--fluid {
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .pr-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-3--fluid {
    padding-right: 48px;
  }
}

.pt-3--fluid {
  padding-top: 24px;
}

@media screen and (min-width: 320px) {
  .pt-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3--fluid {
    padding-top: 48px;
  }
}

.pt-3\.5--fluid {
  padding-top: 28px;
}

@media screen and (min-width: 320px) {
  .pt-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-3\.5--fluid {
    padding-top: 56px;
  }
}

.pb-3--fluid {
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .pb-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3--fluid {
    padding-bottom: 48px;
  }
}

.pb-3\.5--fluid {
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .pb-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.px-3--fluid {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .px-3--fluid {
    padding-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3--fluid {
    padding-right: 48px;
  }
}

.px-3\.5--fluid {
  padding-left: 28px;
  padding-right: 28px;
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .px-3\.5--fluid {
    padding-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-3\.5--fluid {
    padding-right: 56px;
  }
}

.py-3--fluid {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .py-3--fluid {
    padding-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3--fluid {
    padding-bottom: 48px;
  }
}

.py-3\.5--fluid {
  padding-top: 28px;
  padding-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .py-3\.5--fluid {
    padding-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-3\.5--fluid {
    padding-bottom: 56px;
  }
}

.m-3--fluid {
  margin: 24px;
}

@media screen and (min-width: 320px) {
  .m-3--fluid {
    margin: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3--fluid {
    margin: 48px;
  }
}

.m-3\.5--fluid {
  margin: 28px;
}

@media screen and (min-width: 320px) {
  .m-3\.5--fluid {
    margin: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-3\.5--fluid {
    margin: 56px;
  }
}

.ml-3--fluid {
  margin-left: 24px;
}

@media screen and (min-width: 320px) {
  .ml-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3--fluid {
    margin-left: 48px;
  }
}

.ml-3\.5--fluid {
  margin-left: 28px;
}

@media screen and (min-width: 320px) {
  .ml-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-3\.5--fluid {
    margin-left: 56px;
  }
}

.mr-3--fluid {
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mr-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3--fluid {
    margin-right: 48px;
  }
}

.mr-3\.5--fluid {
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mr-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-3\.5--fluid {
    margin-right: 56px;
  }
}

.mt-3--fluid {
  margin-top: 24px;
}

@media screen and (min-width: 320px) {
  .mt-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3--fluid {
    margin-top: 48px;
  }
}

.mt-3\.5--fluid {
  margin-top: 28px;
}

@media screen and (min-width: 320px) {
  .mt-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-3\.5--fluid {
    margin-top: 56px;
  }
}

.mb-3--fluid {
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .mb-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3--fluid {
    margin-bottom: 48px;
  }
}

.mb-3\.5--fluid {
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .mb-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.mx-3--fluid {
  margin-left: 24px;
  margin-right: 24px;
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-left: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-left: 48px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3--fluid {
    margin-right: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3--fluid {
    margin-right: 48px;
  }
}

.mx-3\.5--fluid {
  margin-left: 28px;
  margin-right: 28px;
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-left: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-left: 56px;
  }
}

@media screen and (min-width: 320px) {
  .mx-3\.5--fluid {
    margin-right: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-3\.5--fluid {
    margin-right: 56px;
  }
}

.my-3--fluid {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-top: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-top: 48px;
  }
}

@media screen and (min-width: 320px) {
  .my-3--fluid {
    margin-bottom: calc(24px + 24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3--fluid {
    margin-bottom: 48px;
  }
}

.my-3\.5--fluid {
  margin-top: 28px;
  margin-bottom: 28px;
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-top: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-top: 56px;
  }
}

@media screen and (min-width: 320px) {
  .my-3\.5--fluid {
    margin-bottom: calc(28px + 28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-3\.5--fluid {
    margin-bottom: 56px;
  }
}

.-m-3--fluid {
  margin: -24px;
}

@media screen and (min-width: 320px) {
  .-m-3--fluid {
    margin: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3--fluid {
    margin: -48px;
  }
}

.-m-3\.5--fluid {
  margin: -28px;
}

@media screen and (min-width: 320px) {
  .-m-3\.5--fluid {
    margin: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-3\.5--fluid {
    margin: -56px;
  }
}

.-ml-3--fluid {
  margin-left: -24px;
}

@media screen and (min-width: 320px) {
  .-ml-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3--fluid {
    margin-left: -48px;
  }
}

.-ml-3\.5--fluid {
  margin-left: -28px;
}

@media screen and (min-width: 320px) {
  .-ml-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-3\.5--fluid {
    margin-left: -56px;
  }
}

.-mr-3--fluid {
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mr-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3--fluid {
    margin-right: -48px;
  }
}

.-mr-3\.5--fluid {
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mr-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mt-3--fluid {
  margin-top: -24px;
}

@media screen and (min-width: 320px) {
  .-mt-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3--fluid {
    margin-top: -48px;
  }
}

.-mt-3\.5--fluid {
  margin-top: -28px;
}

@media screen and (min-width: 320px) {
  .-mt-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-3\.5--fluid {
    margin-top: -56px;
  }
}

.-mb-3--fluid {
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-mb-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3--fluid {
    margin-bottom: -48px;
  }
}

.-mb-3\.5--fluid {
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-mb-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-mx-3--fluid {
  margin-left: -24px;
  margin-right: -24px;
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-left: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-left: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3--fluid {
    margin-right: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3--fluid {
    margin-right: -48px;
  }
}

.-mx-3\.5--fluid {
  margin-left: -28px;
  margin-right: -28px;
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-left: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-left: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-3\.5--fluid {
    margin-right: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-3\.5--fluid {
    margin-right: -56px;
  }
}

.-my-3--fluid {
  margin-top: -24px;
  margin-bottom: -24px;
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-top: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-top: -48px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3--fluid {
    margin-bottom: calc(-24px + -24 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3--fluid {
    margin-bottom: -48px;
  }
}

.-my-3\.5--fluid {
  margin-top: -28px;
  margin-bottom: -28px;
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-top: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-top: -56px;
  }
}

@media screen and (min-width: 320px) {
  .-my-3\.5--fluid {
    margin-bottom: calc(-28px + -28 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-3\.5--fluid {
    margin-bottom: -56px;
  }
}

.p-4--fluid {
  padding: 32px;
}

@media screen and (min-width: 320px) {
  .p-4--fluid {
    padding: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4--fluid {
    padding: 64px;
  }
}

.p-4\.5--fluid {
  padding: 36px;
}

@media screen and (min-width: 320px) {
  .p-4\.5--fluid {
    padding: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-4\.5--fluid {
    padding: 72px;
  }
}

.pl-4--fluid {
  padding-left: 32px;
}

@media screen and (min-width: 320px) {
  .pl-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4--fluid {
    padding-left: 64px;
  }
}

.pl-4\.5--fluid {
  padding-left: 36px;
}

@media screen and (min-width: 320px) {
  .pl-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-4\.5--fluid {
    padding-left: 72px;
  }
}

.pr-4--fluid {
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .pr-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-4--fluid {
    padding-right: 64px;
  }
}

.pt-4--fluid {
  padding-top: 32px;
}

@media screen and (min-width: 320px) {
  .pt-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4--fluid {
    padding-top: 64px;
  }
}

.pt-4\.5--fluid {
  padding-top: 36px;
}

@media screen and (min-width: 320px) {
  .pt-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-4\.5--fluid {
    padding-top: 72px;
  }
}

.pb-4--fluid {
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .pb-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4--fluid {
    padding-bottom: 64px;
  }
}

.pb-4\.5--fluid {
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .pb-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.px-4--fluid {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .px-4--fluid {
    padding-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4--fluid {
    padding-right: 64px;
  }
}

.px-4\.5--fluid {
  padding-left: 36px;
  padding-right: 36px;
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .px-4\.5--fluid {
    padding-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-4\.5--fluid {
    padding-right: 72px;
  }
}

.py-4--fluid {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .py-4--fluid {
    padding-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4--fluid {
    padding-bottom: 64px;
  }
}

.py-4\.5--fluid {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .py-4\.5--fluid {
    padding-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-4\.5--fluid {
    padding-bottom: 72px;
  }
}

.m-4--fluid {
  margin: 32px;
}

@media screen and (min-width: 320px) {
  .m-4--fluid {
    margin: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4--fluid {
    margin: 64px;
  }
}

.m-4\.5--fluid {
  margin: 36px;
}

@media screen and (min-width: 320px) {
  .m-4\.5--fluid {
    margin: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-4\.5--fluid {
    margin: 72px;
  }
}

.ml-4--fluid {
  margin-left: 32px;
}

@media screen and (min-width: 320px) {
  .ml-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4--fluid {
    margin-left: 64px;
  }
}

.ml-4\.5--fluid {
  margin-left: 36px;
}

@media screen and (min-width: 320px) {
  .ml-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-4\.5--fluid {
    margin-left: 72px;
  }
}

.mr-4--fluid {
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mr-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4--fluid {
    margin-right: 64px;
  }
}

.mr-4\.5--fluid {
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mr-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-4\.5--fluid {
    margin-right: 72px;
  }
}

.mt-4--fluid {
  margin-top: 32px;
}

@media screen and (min-width: 320px) {
  .mt-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4--fluid {
    margin-top: 64px;
  }
}

.mt-4\.5--fluid {
  margin-top: 36px;
}

@media screen and (min-width: 320px) {
  .mt-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-4\.5--fluid {
    margin-top: 72px;
  }
}

.mb-4--fluid {
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .mb-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4--fluid {
    margin-bottom: 64px;
  }
}

.mb-4\.5--fluid {
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .mb-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.mx-4--fluid {
  margin-left: 32px;
  margin-right: 32px;
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-left: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-left: 64px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4--fluid {
    margin-right: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4--fluid {
    margin-right: 64px;
  }
}

.mx-4\.5--fluid {
  margin-left: 36px;
  margin-right: 36px;
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-left: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-left: 72px;
  }
}

@media screen and (min-width: 320px) {
  .mx-4\.5--fluid {
    margin-right: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-4\.5--fluid {
    margin-right: 72px;
  }
}

.my-4--fluid {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-top: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-top: 64px;
  }
}

@media screen and (min-width: 320px) {
  .my-4--fluid {
    margin-bottom: calc(32px + 32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4--fluid {
    margin-bottom: 64px;
  }
}

.my-4\.5--fluid {
  margin-top: 36px;
  margin-bottom: 36px;
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-top: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-top: 72px;
  }
}

@media screen and (min-width: 320px) {
  .my-4\.5--fluid {
    margin-bottom: calc(36px + 36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-4\.5--fluid {
    margin-bottom: 72px;
  }
}

.-m-4--fluid {
  margin: -32px;
}

@media screen and (min-width: 320px) {
  .-m-4--fluid {
    margin: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4--fluid {
    margin: -64px;
  }
}

.-m-4\.5--fluid {
  margin: -36px;
}

@media screen and (min-width: 320px) {
  .-m-4\.5--fluid {
    margin: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-4\.5--fluid {
    margin: -72px;
  }
}

.-ml-4--fluid {
  margin-left: -32px;
}

@media screen and (min-width: 320px) {
  .-ml-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4--fluid {
    margin-left: -64px;
  }
}

.-ml-4\.5--fluid {
  margin-left: -36px;
}

@media screen and (min-width: 320px) {
  .-ml-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-4\.5--fluid {
    margin-left: -72px;
  }
}

.-mr-4--fluid {
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mr-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4--fluid {
    margin-right: -64px;
  }
}

.-mr-4\.5--fluid {
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mr-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mt-4--fluid {
  margin-top: -32px;
}

@media screen and (min-width: 320px) {
  .-mt-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4--fluid {
    margin-top: -64px;
  }
}

.-mt-4\.5--fluid {
  margin-top: -36px;
}

@media screen and (min-width: 320px) {
  .-mt-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-4\.5--fluid {
    margin-top: -72px;
  }
}

.-mb-4--fluid {
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-mb-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4--fluid {
    margin-bottom: -64px;
  }
}

.-mb-4\.5--fluid {
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-mb-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-mx-4--fluid {
  margin-left: -32px;
  margin-right: -32px;
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-left: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-left: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4--fluid {
    margin-right: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4--fluid {
    margin-right: -64px;
  }
}

.-mx-4\.5--fluid {
  margin-left: -36px;
  margin-right: -36px;
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-left: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-left: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-4\.5--fluid {
    margin-right: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-4\.5--fluid {
    margin-right: -72px;
  }
}

.-my-4--fluid {
  margin-top: -32px;
  margin-bottom: -32px;
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-top: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-top: -64px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4--fluid {
    margin-bottom: calc(-32px + -32 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4--fluid {
    margin-bottom: -64px;
  }
}

.-my-4\.5--fluid {
  margin-top: -36px;
  margin-bottom: -36px;
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-top: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-top: -72px;
  }
}

@media screen and (min-width: 320px) {
  .-my-4\.5--fluid {
    margin-bottom: calc(-36px + -36 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-4\.5--fluid {
    margin-bottom: -72px;
  }
}

.p-5--fluid {
  padding: 40px;
}

@media screen and (min-width: 320px) {
  .p-5--fluid {
    padding: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5--fluid {
    padding: 80px;
  }
}

.p-5\.5--fluid {
  padding: 44px;
}

@media screen and (min-width: 320px) {
  .p-5\.5--fluid {
    padding: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-5\.5--fluid {
    padding: 88px;
  }
}

.pl-5--fluid {
  padding-left: 40px;
}

@media screen and (min-width: 320px) {
  .pl-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5--fluid {
    padding-left: 80px;
  }
}

.pl-5\.5--fluid {
  padding-left: 44px;
}

@media screen and (min-width: 320px) {
  .pl-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-5\.5--fluid {
    padding-left: 88px;
  }
}

.pr-5--fluid {
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .pr-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-5--fluid {
    padding-right: 80px;
  }
}

.pt-5--fluid {
  padding-top: 40px;
}

@media screen and (min-width: 320px) {
  .pt-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5--fluid {
    padding-top: 80px;
  }
}

.pt-5\.5--fluid {
  padding-top: 44px;
}

@media screen and (min-width: 320px) {
  .pt-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-5\.5--fluid {
    padding-top: 88px;
  }
}

.pb-5--fluid {
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .pb-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5--fluid {
    padding-bottom: 80px;
  }
}

.pb-5\.5--fluid {
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .pb-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.px-5--fluid {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .px-5--fluid {
    padding-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5--fluid {
    padding-right: 80px;
  }
}

.px-5\.5--fluid {
  padding-left: 44px;
  padding-right: 44px;
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .px-5\.5--fluid {
    padding-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-5\.5--fluid {
    padding-right: 88px;
  }
}

.py-5--fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .py-5--fluid {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5--fluid {
    padding-bottom: 80px;
  }
}

.py-5\.5--fluid {
  padding-top: 44px;
  padding-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .py-5\.5--fluid {
    padding-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-5\.5--fluid {
    padding-bottom: 88px;
  }
}

.m-5--fluid {
  margin: 40px;
}

@media screen and (min-width: 320px) {
  .m-5--fluid {
    margin: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5--fluid {
    margin: 80px;
  }
}

.m-5\.5--fluid {
  margin: 44px;
}

@media screen and (min-width: 320px) {
  .m-5\.5--fluid {
    margin: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-5\.5--fluid {
    margin: 88px;
  }
}

.ml-5--fluid {
  margin-left: 40px;
}

@media screen and (min-width: 320px) {
  .ml-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5--fluid {
    margin-left: 80px;
  }
}

.ml-5\.5--fluid {
  margin-left: 44px;
}

@media screen and (min-width: 320px) {
  .ml-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-5\.5--fluid {
    margin-left: 88px;
  }
}

.mr-5--fluid {
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mr-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5--fluid {
    margin-right: 80px;
  }
}

.mr-5\.5--fluid {
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mr-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-5\.5--fluid {
    margin-right: 88px;
  }
}

.mt-5--fluid {
  margin-top: 40px;
}

@media screen and (min-width: 320px) {
  .mt-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5--fluid {
    margin-top: 80px;
  }
}

.mt-5\.5--fluid {
  margin-top: 44px;
}

@media screen and (min-width: 320px) {
  .mt-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-5\.5--fluid {
    margin-top: 88px;
  }
}

.mb-5--fluid {
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .mb-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5--fluid {
    margin-bottom: 80px;
  }
}

.mb-5\.5--fluid {
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .mb-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.mx-5--fluid {
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-left: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-left: 80px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5--fluid {
    margin-right: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5--fluid {
    margin-right: 80px;
  }
}

.mx-5\.5--fluid {
  margin-left: 44px;
  margin-right: 44px;
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-left: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-left: 88px;
  }
}

@media screen and (min-width: 320px) {
  .mx-5\.5--fluid {
    margin-right: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-5\.5--fluid {
    margin-right: 88px;
  }
}

.my-5--fluid {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-top: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-top: 80px;
  }
}

@media screen and (min-width: 320px) {
  .my-5--fluid {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5--fluid {
    margin-bottom: 80px;
  }
}

.my-5\.5--fluid {
  margin-top: 44px;
  margin-bottom: 44px;
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-top: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-top: 88px;
  }
}

@media screen and (min-width: 320px) {
  .my-5\.5--fluid {
    margin-bottom: calc(44px + 44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-5\.5--fluid {
    margin-bottom: 88px;
  }
}

.-m-5--fluid {
  margin: -40px;
}

@media screen and (min-width: 320px) {
  .-m-5--fluid {
    margin: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5--fluid {
    margin: -80px;
  }
}

.-m-5\.5--fluid {
  margin: -44px;
}

@media screen and (min-width: 320px) {
  .-m-5\.5--fluid {
    margin: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-5\.5--fluid {
    margin: -88px;
  }
}

.-ml-5--fluid {
  margin-left: -40px;
}

@media screen and (min-width: 320px) {
  .-ml-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5--fluid {
    margin-left: -80px;
  }
}

.-ml-5\.5--fluid {
  margin-left: -44px;
}

@media screen and (min-width: 320px) {
  .-ml-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-5\.5--fluid {
    margin-left: -88px;
  }
}

.-mr-5--fluid {
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mr-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5--fluid {
    margin-right: -80px;
  }
}

.-mr-5\.5--fluid {
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mr-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mt-5--fluid {
  margin-top: -40px;
}

@media screen and (min-width: 320px) {
  .-mt-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5--fluid {
    margin-top: -80px;
  }
}

.-mt-5\.5--fluid {
  margin-top: -44px;
}

@media screen and (min-width: 320px) {
  .-mt-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-5\.5--fluid {
    margin-top: -88px;
  }
}

.-mb-5--fluid {
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-mb-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5--fluid {
    margin-bottom: -80px;
  }
}

.-mb-5\.5--fluid {
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-mb-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-mx-5--fluid {
  margin-left: -40px;
  margin-right: -40px;
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-left: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-left: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5--fluid {
    margin-right: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5--fluid {
    margin-right: -80px;
  }
}

.-mx-5\.5--fluid {
  margin-left: -44px;
  margin-right: -44px;
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-left: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-left: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-5\.5--fluid {
    margin-right: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-5\.5--fluid {
    margin-right: -88px;
  }
}

.-my-5--fluid {
  margin-top: -40px;
  margin-bottom: -40px;
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-top: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-top: -80px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5--fluid {
    margin-bottom: calc(-40px + -40 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5--fluid {
    margin-bottom: -80px;
  }
}

.-my-5\.5--fluid {
  margin-top: -44px;
  margin-bottom: -44px;
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-top: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-top: -88px;
  }
}

@media screen and (min-width: 320px) {
  .-my-5\.5--fluid {
    margin-bottom: calc(-44px + -44 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-5\.5--fluid {
    margin-bottom: -88px;
  }
}

.p-6--fluid {
  padding: 48px;
}

@media screen and (min-width: 320px) {
  .p-6--fluid {
    padding: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6--fluid {
    padding: 96px;
  }
}

.p-6\.5--fluid {
  padding: 52px;
}

@media screen and (min-width: 320px) {
  .p-6\.5--fluid {
    padding: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-6\.5--fluid {
    padding: 104px;
  }
}

.pl-6--fluid {
  padding-left: 48px;
}

@media screen and (min-width: 320px) {
  .pl-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6--fluid {
    padding-left: 96px;
  }
}

.pl-6\.5--fluid {
  padding-left: 52px;
}

@media screen and (min-width: 320px) {
  .pl-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-6\.5--fluid {
    padding-left: 104px;
  }
}

.pr-6--fluid {
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .pr-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-6--fluid {
    padding-right: 96px;
  }
}

.pt-6--fluid {
  padding-top: 48px;
}

@media screen and (min-width: 320px) {
  .pt-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6--fluid {
    padding-top: 96px;
  }
}

.pt-6\.5--fluid {
  padding-top: 52px;
}

@media screen and (min-width: 320px) {
  .pt-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-6\.5--fluid {
    padding-top: 104px;
  }
}

.pb-6--fluid {
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .pb-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6--fluid {
    padding-bottom: 96px;
  }
}

.pb-6\.5--fluid {
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .pb-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.px-6--fluid {
  padding-left: 48px;
  padding-right: 48px;
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .px-6--fluid {
    padding-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6--fluid {
    padding-right: 96px;
  }
}

.px-6\.5--fluid {
  padding-left: 52px;
  padding-right: 52px;
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .px-6\.5--fluid {
    padding-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-6\.5--fluid {
    padding-right: 104px;
  }
}

.py-6--fluid {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .py-6--fluid {
    padding-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6--fluid {
    padding-bottom: 96px;
  }
}

.py-6\.5--fluid {
  padding-top: 52px;
  padding-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .py-6\.5--fluid {
    padding-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-6\.5--fluid {
    padding-bottom: 104px;
  }
}

.m-6--fluid {
  margin: 48px;
}

@media screen and (min-width: 320px) {
  .m-6--fluid {
    margin: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6--fluid {
    margin: 96px;
  }
}

.m-6\.5--fluid {
  margin: 52px;
}

@media screen and (min-width: 320px) {
  .m-6\.5--fluid {
    margin: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-6\.5--fluid {
    margin: 104px;
  }
}

.ml-6--fluid {
  margin-left: 48px;
}

@media screen and (min-width: 320px) {
  .ml-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6--fluid {
    margin-left: 96px;
  }
}

.ml-6\.5--fluid {
  margin-left: 52px;
}

@media screen and (min-width: 320px) {
  .ml-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-6\.5--fluid {
    margin-left: 104px;
  }
}

.mr-6--fluid {
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mr-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6--fluid {
    margin-right: 96px;
  }
}

.mr-6\.5--fluid {
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mr-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-6\.5--fluid {
    margin-right: 104px;
  }
}

.mt-6--fluid {
  margin-top: 48px;
}

@media screen and (min-width: 320px) {
  .mt-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6--fluid {
    margin-top: 96px;
  }
}

.mt-6\.5--fluid {
  margin-top: 52px;
}

@media screen and (min-width: 320px) {
  .mt-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-6\.5--fluid {
    margin-top: 104px;
  }
}

.mb-6--fluid {
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .mb-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6--fluid {
    margin-bottom: 96px;
  }
}

.mb-6\.5--fluid {
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .mb-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.mx-6--fluid {
  margin-left: 48px;
  margin-right: 48px;
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-left: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-left: 96px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6--fluid {
    margin-right: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6--fluid {
    margin-right: 96px;
  }
}

.mx-6\.5--fluid {
  margin-left: 52px;
  margin-right: 52px;
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-left: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-left: 104px;
  }
}

@media screen and (min-width: 320px) {
  .mx-6\.5--fluid {
    margin-right: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-6\.5--fluid {
    margin-right: 104px;
  }
}

.my-6--fluid {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-top: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  .my-6--fluid {
    margin-bottom: calc(48px + 48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6--fluid {
    margin-bottom: 96px;
  }
}

.my-6\.5--fluid {
  margin-top: 52px;
  margin-bottom: 52px;
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-top: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-top: 104px;
  }
}

@media screen and (min-width: 320px) {
  .my-6\.5--fluid {
    margin-bottom: calc(52px + 52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-6\.5--fluid {
    margin-bottom: 104px;
  }
}

.-m-6--fluid {
  margin: -48px;
}

@media screen and (min-width: 320px) {
  .-m-6--fluid {
    margin: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6--fluid {
    margin: -96px;
  }
}

.-m-6\.5--fluid {
  margin: -52px;
}

@media screen and (min-width: 320px) {
  .-m-6\.5--fluid {
    margin: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-6\.5--fluid {
    margin: -104px;
  }
}

.-ml-6--fluid {
  margin-left: -48px;
}

@media screen and (min-width: 320px) {
  .-ml-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6--fluid {
    margin-left: -96px;
  }
}

.-ml-6\.5--fluid {
  margin-left: -52px;
}

@media screen and (min-width: 320px) {
  .-ml-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-6\.5--fluid {
    margin-left: -104px;
  }
}

.-mr-6--fluid {
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mr-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6--fluid {
    margin-right: -96px;
  }
}

.-mr-6\.5--fluid {
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mr-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mt-6--fluid {
  margin-top: -48px;
}

@media screen and (min-width: 320px) {
  .-mt-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6--fluid {
    margin-top: -96px;
  }
}

.-mt-6\.5--fluid {
  margin-top: -52px;
}

@media screen and (min-width: 320px) {
  .-mt-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-6\.5--fluid {
    margin-top: -104px;
  }
}

.-mb-6--fluid {
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-mb-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6--fluid {
    margin-bottom: -96px;
  }
}

.-mb-6\.5--fluid {
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-mb-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-mx-6--fluid {
  margin-left: -48px;
  margin-right: -48px;
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-left: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-left: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6--fluid {
    margin-right: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6--fluid {
    margin-right: -96px;
  }
}

.-mx-6\.5--fluid {
  margin-left: -52px;
  margin-right: -52px;
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-left: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-left: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-6\.5--fluid {
    margin-right: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-6\.5--fluid {
    margin-right: -104px;
  }
}

.-my-6--fluid {
  margin-top: -48px;
  margin-bottom: -48px;
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-top: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-top: -96px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6--fluid {
    margin-bottom: calc(-48px + -48 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6--fluid {
    margin-bottom: -96px;
  }
}

.-my-6\.5--fluid {
  margin-top: -52px;
  margin-bottom: -52px;
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-top: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-top: -104px;
  }
}

@media screen and (min-width: 320px) {
  .-my-6\.5--fluid {
    margin-bottom: calc(-52px + -52 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-6\.5--fluid {
    margin-bottom: -104px;
  }
}

.p-7--fluid {
  padding: 56px;
}

@media screen and (min-width: 320px) {
  .p-7--fluid {
    padding: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7--fluid {
    padding: 112px;
  }
}

.p-7\.5--fluid {
  padding: 60px;
}

@media screen and (min-width: 320px) {
  .p-7\.5--fluid {
    padding: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-7\.5--fluid {
    padding: 120px;
  }
}

.pl-7--fluid {
  padding-left: 56px;
}

@media screen and (min-width: 320px) {
  .pl-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7--fluid {
    padding-left: 112px;
  }
}

.pl-7\.5--fluid {
  padding-left: 60px;
}

@media screen and (min-width: 320px) {
  .pl-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-7\.5--fluid {
    padding-left: 120px;
  }
}

.pr-7--fluid {
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .pr-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-7--fluid {
    padding-right: 112px;
  }
}

.pt-7--fluid {
  padding-top: 56px;
}

@media screen and (min-width: 320px) {
  .pt-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7--fluid {
    padding-top: 112px;
  }
}

.pt-7\.5--fluid {
  padding-top: 60px;
}

@media screen and (min-width: 320px) {
  .pt-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-7\.5--fluid {
    padding-top: 120px;
  }
}

.pb-7--fluid {
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .pb-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7--fluid {
    padding-bottom: 112px;
  }
}

.pb-7\.5--fluid {
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .pb-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.px-7--fluid {
  padding-left: 56px;
  padding-right: 56px;
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .px-7--fluid {
    padding-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7--fluid {
    padding-right: 112px;
  }
}

.px-7\.5--fluid {
  padding-left: 60px;
  padding-right: 60px;
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .px-7\.5--fluid {
    padding-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-7\.5--fluid {
    padding-right: 120px;
  }
}

.py-7--fluid {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .py-7--fluid {
    padding-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7--fluid {
    padding-bottom: 112px;
  }
}

.py-7\.5--fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .py-7\.5--fluid {
    padding-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-7\.5--fluid {
    padding-bottom: 120px;
  }
}

.m-7--fluid {
  margin: 56px;
}

@media screen and (min-width: 320px) {
  .m-7--fluid {
    margin: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7--fluid {
    margin: 112px;
  }
}

.m-7\.5--fluid {
  margin: 60px;
}

@media screen and (min-width: 320px) {
  .m-7\.5--fluid {
    margin: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-7\.5--fluid {
    margin: 120px;
  }
}

.ml-7--fluid {
  margin-left: 56px;
}

@media screen and (min-width: 320px) {
  .ml-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7--fluid {
    margin-left: 112px;
  }
}

.ml-7\.5--fluid {
  margin-left: 60px;
}

@media screen and (min-width: 320px) {
  .ml-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-7\.5--fluid {
    margin-left: 120px;
  }
}

.mr-7--fluid {
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mr-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7--fluid {
    margin-right: 112px;
  }
}

.mr-7\.5--fluid {
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mr-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-7\.5--fluid {
    margin-right: 120px;
  }
}

.mt-7--fluid {
  margin-top: 56px;
}

@media screen and (min-width: 320px) {
  .mt-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7--fluid {
    margin-top: 112px;
  }
}

.mt-7\.5--fluid {
  margin-top: 60px;
}

@media screen and (min-width: 320px) {
  .mt-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-7\.5--fluid {
    margin-top: 120px;
  }
}

.mb-7--fluid {
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .mb-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7--fluid {
    margin-bottom: 112px;
  }
}

.mb-7\.5--fluid {
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .mb-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.mx-7--fluid {
  margin-left: 56px;
  margin-right: 56px;
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-left: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-left: 112px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7--fluid {
    margin-right: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7--fluid {
    margin-right: 112px;
  }
}

.mx-7\.5--fluid {
  margin-left: 60px;
  margin-right: 60px;
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-left: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-left: 120px;
  }
}

@media screen and (min-width: 320px) {
  .mx-7\.5--fluid {
    margin-right: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-7\.5--fluid {
    margin-right: 120px;
  }
}

.my-7--fluid {
  margin-top: 56px;
  margin-bottom: 56px;
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-top: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-top: 112px;
  }
}

@media screen and (min-width: 320px) {
  .my-7--fluid {
    margin-bottom: calc(56px + 56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7--fluid {
    margin-bottom: 112px;
  }
}

.my-7\.5--fluid {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-top: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-top: 120px;
  }
}

@media screen and (min-width: 320px) {
  .my-7\.5--fluid {
    margin-bottom: calc(60px + 60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-7\.5--fluid {
    margin-bottom: 120px;
  }
}

.-m-7--fluid {
  margin: -56px;
}

@media screen and (min-width: 320px) {
  .-m-7--fluid {
    margin: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7--fluid {
    margin: -112px;
  }
}

.-m-7\.5--fluid {
  margin: -60px;
}

@media screen and (min-width: 320px) {
  .-m-7\.5--fluid {
    margin: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-7\.5--fluid {
    margin: -120px;
  }
}

.-ml-7--fluid {
  margin-left: -56px;
}

@media screen and (min-width: 320px) {
  .-ml-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7--fluid {
    margin-left: -112px;
  }
}

.-ml-7\.5--fluid {
  margin-left: -60px;
}

@media screen and (min-width: 320px) {
  .-ml-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-7\.5--fluid {
    margin-left: -120px;
  }
}

.-mr-7--fluid {
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mr-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7--fluid {
    margin-right: -112px;
  }
}

.-mr-7\.5--fluid {
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mr-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mt-7--fluid {
  margin-top: -56px;
}

@media screen and (min-width: 320px) {
  .-mt-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7--fluid {
    margin-top: -112px;
  }
}

.-mt-7\.5--fluid {
  margin-top: -60px;
}

@media screen and (min-width: 320px) {
  .-mt-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-7\.5--fluid {
    margin-top: -120px;
  }
}

.-mb-7--fluid {
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-mb-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7--fluid {
    margin-bottom: -112px;
  }
}

.-mb-7\.5--fluid {
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-mb-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-mx-7--fluid {
  margin-left: -56px;
  margin-right: -56px;
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-left: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-left: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7--fluid {
    margin-right: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7--fluid {
    margin-right: -112px;
  }
}

.-mx-7\.5--fluid {
  margin-left: -60px;
  margin-right: -60px;
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-left: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-left: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-7\.5--fluid {
    margin-right: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-7\.5--fluid {
    margin-right: -120px;
  }
}

.-my-7--fluid {
  margin-top: -56px;
  margin-bottom: -56px;
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-top: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-top: -112px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7--fluid {
    margin-bottom: calc(-56px + -56 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7--fluid {
    margin-bottom: -112px;
  }
}

.-my-7\.5--fluid {
  margin-top: -60px;
  margin-bottom: -60px;
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-top: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-top: -120px;
  }
}

@media screen and (min-width: 320px) {
  .-my-7\.5--fluid {
    margin-bottom: calc(-60px + -60 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-7\.5--fluid {
    margin-bottom: -120px;
  }
}

.p-8--fluid {
  padding: 64px;
}

@media screen and (min-width: 320px) {
  .p-8--fluid {
    padding: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8--fluid {
    padding: 128px;
  }
}

.p-8\.5--fluid {
  padding: 68px;
}

@media screen and (min-width: 320px) {
  .p-8\.5--fluid {
    padding: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-8\.5--fluid {
    padding: 136px;
  }
}

.pl-8--fluid {
  padding-left: 64px;
}

@media screen and (min-width: 320px) {
  .pl-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8--fluid {
    padding-left: 128px;
  }
}

.pl-8\.5--fluid {
  padding-left: 68px;
}

@media screen and (min-width: 320px) {
  .pl-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-8\.5--fluid {
    padding-left: 136px;
  }
}

.pr-8--fluid {
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .pr-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-8--fluid {
    padding-right: 128px;
  }
}

.pt-8--fluid {
  padding-top: 64px;
}

@media screen and (min-width: 320px) {
  .pt-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8--fluid {
    padding-top: 128px;
  }
}

.pt-8\.5--fluid {
  padding-top: 68px;
}

@media screen and (min-width: 320px) {
  .pt-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-8\.5--fluid {
    padding-top: 136px;
  }
}

.pb-8--fluid {
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .pb-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8--fluid {
    padding-bottom: 128px;
  }
}

.pb-8\.5--fluid {
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .pb-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.px-8--fluid {
  padding-left: 64px;
  padding-right: 64px;
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .px-8--fluid {
    padding-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8--fluid {
    padding-right: 128px;
  }
}

.px-8\.5--fluid {
  padding-left: 68px;
  padding-right: 68px;
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .px-8\.5--fluid {
    padding-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-8\.5--fluid {
    padding-right: 136px;
  }
}

.py-8--fluid {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .py-8--fluid {
    padding-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8--fluid {
    padding-bottom: 128px;
  }
}

.py-8\.5--fluid {
  padding-top: 68px;
  padding-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .py-8\.5--fluid {
    padding-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-8\.5--fluid {
    padding-bottom: 136px;
  }
}

.m-8--fluid {
  margin: 64px;
}

@media screen and (min-width: 320px) {
  .m-8--fluid {
    margin: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8--fluid {
    margin: 128px;
  }
}

.m-8\.5--fluid {
  margin: 68px;
}

@media screen and (min-width: 320px) {
  .m-8\.5--fluid {
    margin: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-8\.5--fluid {
    margin: 136px;
  }
}

.ml-8--fluid {
  margin-left: 64px;
}

@media screen and (min-width: 320px) {
  .ml-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8--fluid {
    margin-left: 128px;
  }
}

.ml-8\.5--fluid {
  margin-left: 68px;
}

@media screen and (min-width: 320px) {
  .ml-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-8\.5--fluid {
    margin-left: 136px;
  }
}

.mr-8--fluid {
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mr-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8--fluid {
    margin-right: 128px;
  }
}

.mr-8\.5--fluid {
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mr-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-8\.5--fluid {
    margin-right: 136px;
  }
}

.mt-8--fluid {
  margin-top: 64px;
}

@media screen and (min-width: 320px) {
  .mt-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8--fluid {
    margin-top: 128px;
  }
}

.mt-8\.5--fluid {
  margin-top: 68px;
}

@media screen and (min-width: 320px) {
  .mt-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-8\.5--fluid {
    margin-top: 136px;
  }
}

.mb-8--fluid {
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .mb-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8--fluid {
    margin-bottom: 128px;
  }
}

.mb-8\.5--fluid {
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .mb-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.mx-8--fluid {
  margin-left: 64px;
  margin-right: 64px;
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-left: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-left: 128px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8--fluid {
    margin-right: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8--fluid {
    margin-right: 128px;
  }
}

.mx-8\.5--fluid {
  margin-left: 68px;
  margin-right: 68px;
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-left: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-left: 136px;
  }
}

@media screen and (min-width: 320px) {
  .mx-8\.5--fluid {
    margin-right: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-8\.5--fluid {
    margin-right: 136px;
  }
}

.my-8--fluid {
  margin-top: 64px;
  margin-bottom: 64px;
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-top: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-top: 128px;
  }
}

@media screen and (min-width: 320px) {
  .my-8--fluid {
    margin-bottom: calc(64px + 64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8--fluid {
    margin-bottom: 128px;
  }
}

.my-8\.5--fluid {
  margin-top: 68px;
  margin-bottom: 68px;
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-top: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-top: 136px;
  }
}

@media screen and (min-width: 320px) {
  .my-8\.5--fluid {
    margin-bottom: calc(68px + 68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-8\.5--fluid {
    margin-bottom: 136px;
  }
}

.-m-8--fluid {
  margin: -64px;
}

@media screen and (min-width: 320px) {
  .-m-8--fluid {
    margin: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8--fluid {
    margin: -128px;
  }
}

.-m-8\.5--fluid {
  margin: -68px;
}

@media screen and (min-width: 320px) {
  .-m-8\.5--fluid {
    margin: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-8\.5--fluid {
    margin: -136px;
  }
}

.-ml-8--fluid {
  margin-left: -64px;
}

@media screen and (min-width: 320px) {
  .-ml-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8--fluid {
    margin-left: -128px;
  }
}

.-ml-8\.5--fluid {
  margin-left: -68px;
}

@media screen and (min-width: 320px) {
  .-ml-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-8\.5--fluid {
    margin-left: -136px;
  }
}

.-mr-8--fluid {
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mr-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8--fluid {
    margin-right: -128px;
  }
}

.-mr-8\.5--fluid {
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mr-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mt-8--fluid {
  margin-top: -64px;
}

@media screen and (min-width: 320px) {
  .-mt-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8--fluid {
    margin-top: -128px;
  }
}

.-mt-8\.5--fluid {
  margin-top: -68px;
}

@media screen and (min-width: 320px) {
  .-mt-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-8\.5--fluid {
    margin-top: -136px;
  }
}

.-mb-8--fluid {
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-mb-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8--fluid {
    margin-bottom: -128px;
  }
}

.-mb-8\.5--fluid {
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-mb-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-mx-8--fluid {
  margin-left: -64px;
  margin-right: -64px;
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-left: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-left: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8--fluid {
    margin-right: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8--fluid {
    margin-right: -128px;
  }
}

.-mx-8\.5--fluid {
  margin-left: -68px;
  margin-right: -68px;
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-left: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-left: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-8\.5--fluid {
    margin-right: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-8\.5--fluid {
    margin-right: -136px;
  }
}

.-my-8--fluid {
  margin-top: -64px;
  margin-bottom: -64px;
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-top: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-top: -128px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8--fluid {
    margin-bottom: calc(-64px + -64 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8--fluid {
    margin-bottom: -128px;
  }
}

.-my-8\.5--fluid {
  margin-top: -68px;
  margin-bottom: -68px;
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-top: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-top: -136px;
  }
}

@media screen and (min-width: 320px) {
  .-my-8\.5--fluid {
    margin-bottom: calc(-68px + -68 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-8\.5--fluid {
    margin-bottom: -136px;
  }
}

.p-9--fluid {
  padding: 72px;
}

@media screen and (min-width: 320px) {
  .p-9--fluid {
    padding: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9--fluid {
    padding: 144px;
  }
}

.p-9\.5--fluid {
  padding: 76px;
}

@media screen and (min-width: 320px) {
  .p-9\.5--fluid {
    padding: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-9\.5--fluid {
    padding: 152px;
  }
}

.pl-9--fluid {
  padding-left: 72px;
}

@media screen and (min-width: 320px) {
  .pl-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9--fluid {
    padding-left: 144px;
  }
}

.pl-9\.5--fluid {
  padding-left: 76px;
}

@media screen and (min-width: 320px) {
  .pl-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-9\.5--fluid {
    padding-left: 152px;
  }
}

.pr-9--fluid {
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .pr-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-9--fluid {
    padding-right: 144px;
  }
}

.pt-9--fluid {
  padding-top: 72px;
}

@media screen and (min-width: 320px) {
  .pt-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9--fluid {
    padding-top: 144px;
  }
}

.pt-9\.5--fluid {
  padding-top: 76px;
}

@media screen and (min-width: 320px) {
  .pt-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-9\.5--fluid {
    padding-top: 152px;
  }
}

.pb-9--fluid {
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .pb-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9--fluid {
    padding-bottom: 144px;
  }
}

.pb-9\.5--fluid {
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .pb-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.px-9--fluid {
  padding-left: 72px;
  padding-right: 72px;
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .px-9--fluid {
    padding-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9--fluid {
    padding-right: 144px;
  }
}

.px-9\.5--fluid {
  padding-left: 76px;
  padding-right: 76px;
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .px-9\.5--fluid {
    padding-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-9\.5--fluid {
    padding-right: 152px;
  }
}

.py-9--fluid {
  padding-top: 72px;
  padding-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .py-9--fluid {
    padding-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9--fluid {
    padding-bottom: 144px;
  }
}

.py-9\.5--fluid {
  padding-top: 76px;
  padding-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .py-9\.5--fluid {
    padding-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-9\.5--fluid {
    padding-bottom: 152px;
  }
}

.m-9--fluid {
  margin: 72px;
}

@media screen and (min-width: 320px) {
  .m-9--fluid {
    margin: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9--fluid {
    margin: 144px;
  }
}

.m-9\.5--fluid {
  margin: 76px;
}

@media screen and (min-width: 320px) {
  .m-9\.5--fluid {
    margin: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-9\.5--fluid {
    margin: 152px;
  }
}

.ml-9--fluid {
  margin-left: 72px;
}

@media screen and (min-width: 320px) {
  .ml-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9--fluid {
    margin-left: 144px;
  }
}

.ml-9\.5--fluid {
  margin-left: 76px;
}

@media screen and (min-width: 320px) {
  .ml-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-9\.5--fluid {
    margin-left: 152px;
  }
}

.mr-9--fluid {
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mr-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9--fluid {
    margin-right: 144px;
  }
}

.mr-9\.5--fluid {
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mr-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-9\.5--fluid {
    margin-right: 152px;
  }
}

.mt-9--fluid {
  margin-top: 72px;
}

@media screen and (min-width: 320px) {
  .mt-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9--fluid {
    margin-top: 144px;
  }
}

.mt-9\.5--fluid {
  margin-top: 76px;
}

@media screen and (min-width: 320px) {
  .mt-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-9\.5--fluid {
    margin-top: 152px;
  }
}

.mb-9--fluid {
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .mb-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9--fluid {
    margin-bottom: 144px;
  }
}

.mb-9\.5--fluid {
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .mb-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.mx-9--fluid {
  margin-left: 72px;
  margin-right: 72px;
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-left: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-left: 144px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9--fluid {
    margin-right: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9--fluid {
    margin-right: 144px;
  }
}

.mx-9\.5--fluid {
  margin-left: 76px;
  margin-right: 76px;
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-left: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-left: 152px;
  }
}

@media screen and (min-width: 320px) {
  .mx-9\.5--fluid {
    margin-right: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-9\.5--fluid {
    margin-right: 152px;
  }
}

.my-9--fluid {
  margin-top: 72px;
  margin-bottom: 72px;
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-top: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-top: 144px;
  }
}

@media screen and (min-width: 320px) {
  .my-9--fluid {
    margin-bottom: calc(72px + 72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9--fluid {
    margin-bottom: 144px;
  }
}

.my-9\.5--fluid {
  margin-top: 76px;
  margin-bottom: 76px;
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-top: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-top: 152px;
  }
}

@media screen and (min-width: 320px) {
  .my-9\.5--fluid {
    margin-bottom: calc(76px + 76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-9\.5--fluid {
    margin-bottom: 152px;
  }
}

.-m-9--fluid {
  margin: -72px;
}

@media screen and (min-width: 320px) {
  .-m-9--fluid {
    margin: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9--fluid {
    margin: -144px;
  }
}

.-m-9\.5--fluid {
  margin: -76px;
}

@media screen and (min-width: 320px) {
  .-m-9\.5--fluid {
    margin: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-9\.5--fluid {
    margin: -152px;
  }
}

.-ml-9--fluid {
  margin-left: -72px;
}

@media screen and (min-width: 320px) {
  .-ml-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9--fluid {
    margin-left: -144px;
  }
}

.-ml-9\.5--fluid {
  margin-left: -76px;
}

@media screen and (min-width: 320px) {
  .-ml-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-9\.5--fluid {
    margin-left: -152px;
  }
}

.-mr-9--fluid {
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mr-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9--fluid {
    margin-right: -144px;
  }
}

.-mr-9\.5--fluid {
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mr-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mt-9--fluid {
  margin-top: -72px;
}

@media screen and (min-width: 320px) {
  .-mt-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9--fluid {
    margin-top: -144px;
  }
}

.-mt-9\.5--fluid {
  margin-top: -76px;
}

@media screen and (min-width: 320px) {
  .-mt-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-9\.5--fluid {
    margin-top: -152px;
  }
}

.-mb-9--fluid {
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-mb-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9--fluid {
    margin-bottom: -144px;
  }
}

.-mb-9\.5--fluid {
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-mb-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-mx-9--fluid {
  margin-left: -72px;
  margin-right: -72px;
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-left: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-left: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9--fluid {
    margin-right: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9--fluid {
    margin-right: -144px;
  }
}

.-mx-9\.5--fluid {
  margin-left: -76px;
  margin-right: -76px;
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-left: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-left: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-9\.5--fluid {
    margin-right: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-9\.5--fluid {
    margin-right: -152px;
  }
}

.-my-9--fluid {
  margin-top: -72px;
  margin-bottom: -72px;
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-top: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-top: -144px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9--fluid {
    margin-bottom: calc(-72px + -72 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9--fluid {
    margin-bottom: -144px;
  }
}

.-my-9\.5--fluid {
  margin-top: -76px;
  margin-bottom: -76px;
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-top: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-top: -152px;
  }
}

@media screen and (min-width: 320px) {
  .-my-9\.5--fluid {
    margin-bottom: calc(-76px + -76 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-9\.5--fluid {
    margin-bottom: -152px;
  }
}

.p-10--fluid {
  padding: 80px;
}

@media screen and (min-width: 320px) {
  .p-10--fluid {
    padding: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10--fluid {
    padding: 160px;
  }
}

.p-10\.5--fluid {
  padding: 84px;
}

@media screen and (min-width: 320px) {
  .p-10\.5--fluid {
    padding: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-10\.5--fluid {
    padding: 168px;
  }
}

.pl-10--fluid {
  padding-left: 80px;
}

@media screen and (min-width: 320px) {
  .pl-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10--fluid {
    padding-left: 160px;
  }
}

.pl-10\.5--fluid {
  padding-left: 84px;
}

@media screen and (min-width: 320px) {
  .pl-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-10\.5--fluid {
    padding-left: 168px;
  }
}

.pr-10--fluid {
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .pr-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-10--fluid {
    padding-right: 160px;
  }
}

.pt-10--fluid {
  padding-top: 80px;
}

@media screen and (min-width: 320px) {
  .pt-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10--fluid {
    padding-top: 160px;
  }
}

.pt-10\.5--fluid {
  padding-top: 84px;
}

@media screen and (min-width: 320px) {
  .pt-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-10\.5--fluid {
    padding-top: 168px;
  }
}

.pb-10--fluid {
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .pb-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10--fluid {
    padding-bottom: 160px;
  }
}

.pb-10\.5--fluid {
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .pb-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.px-10--fluid {
  padding-left: 80px;
  padding-right: 80px;
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .px-10--fluid {
    padding-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10--fluid {
    padding-right: 160px;
  }
}

.px-10\.5--fluid {
  padding-left: 84px;
  padding-right: 84px;
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .px-10\.5--fluid {
    padding-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-10\.5--fluid {
    padding-right: 168px;
  }
}

.py-10--fluid {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .py-10--fluid {
    padding-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10--fluid {
    padding-bottom: 160px;
  }
}

.py-10\.5--fluid {
  padding-top: 84px;
  padding-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .py-10\.5--fluid {
    padding-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-10\.5--fluid {
    padding-bottom: 168px;
  }
}

.m-10--fluid {
  margin: 80px;
}

@media screen and (min-width: 320px) {
  .m-10--fluid {
    margin: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10--fluid {
    margin: 160px;
  }
}

.m-10\.5--fluid {
  margin: 84px;
}

@media screen and (min-width: 320px) {
  .m-10\.5--fluid {
    margin: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-10\.5--fluid {
    margin: 168px;
  }
}

.ml-10--fluid {
  margin-left: 80px;
}

@media screen and (min-width: 320px) {
  .ml-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10--fluid {
    margin-left: 160px;
  }
}

.ml-10\.5--fluid {
  margin-left: 84px;
}

@media screen and (min-width: 320px) {
  .ml-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-10\.5--fluid {
    margin-left: 168px;
  }
}

.mr-10--fluid {
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mr-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10--fluid {
    margin-right: 160px;
  }
}

.mr-10\.5--fluid {
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mr-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-10\.5--fluid {
    margin-right: 168px;
  }
}

.mt-10--fluid {
  margin-top: 80px;
}

@media screen and (min-width: 320px) {
  .mt-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10--fluid {
    margin-top: 160px;
  }
}

.mt-10\.5--fluid {
  margin-top: 84px;
}

@media screen and (min-width: 320px) {
  .mt-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-10\.5--fluid {
    margin-top: 168px;
  }
}

.mb-10--fluid {
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .mb-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10--fluid {
    margin-bottom: 160px;
  }
}

.mb-10\.5--fluid {
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .mb-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.mx-10--fluid {
  margin-left: 80px;
  margin-right: 80px;
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-left: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-left: 160px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10--fluid {
    margin-right: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10--fluid {
    margin-right: 160px;
  }
}

.mx-10\.5--fluid {
  margin-left: 84px;
  margin-right: 84px;
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-left: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-left: 168px;
  }
}

@media screen and (min-width: 320px) {
  .mx-10\.5--fluid {
    margin-right: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-10\.5--fluid {
    margin-right: 168px;
  }
}

.my-10--fluid {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-top: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-top: 160px;
  }
}

@media screen and (min-width: 320px) {
  .my-10--fluid {
    margin-bottom: calc(80px + 80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10--fluid {
    margin-bottom: 160px;
  }
}

.my-10\.5--fluid {
  margin-top: 84px;
  margin-bottom: 84px;
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-top: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-top: 168px;
  }
}

@media screen and (min-width: 320px) {
  .my-10\.5--fluid {
    margin-bottom: calc(84px + 84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-10\.5--fluid {
    margin-bottom: 168px;
  }
}

.-m-10--fluid {
  margin: -80px;
}

@media screen and (min-width: 320px) {
  .-m-10--fluid {
    margin: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10--fluid {
    margin: -160px;
  }
}

.-m-10\.5--fluid {
  margin: -84px;
}

@media screen and (min-width: 320px) {
  .-m-10\.5--fluid {
    margin: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-10\.5--fluid {
    margin: -168px;
  }
}

.-ml-10--fluid {
  margin-left: -80px;
}

@media screen and (min-width: 320px) {
  .-ml-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10--fluid {
    margin-left: -160px;
  }
}

.-ml-10\.5--fluid {
  margin-left: -84px;
}

@media screen and (min-width: 320px) {
  .-ml-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-10\.5--fluid {
    margin-left: -168px;
  }
}

.-mr-10--fluid {
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mr-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10--fluid {
    margin-right: -160px;
  }
}

.-mr-10\.5--fluid {
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mr-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mt-10--fluid {
  margin-top: -80px;
}

@media screen and (min-width: 320px) {
  .-mt-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10--fluid {
    margin-top: -160px;
  }
}

.-mt-10\.5--fluid {
  margin-top: -84px;
}

@media screen and (min-width: 320px) {
  .-mt-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-10\.5--fluid {
    margin-top: -168px;
  }
}

.-mb-10--fluid {
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-mb-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10--fluid {
    margin-bottom: -160px;
  }
}

.-mb-10\.5--fluid {
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-mb-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-mx-10--fluid {
  margin-left: -80px;
  margin-right: -80px;
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-left: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-left: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10--fluid {
    margin-right: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10--fluid {
    margin-right: -160px;
  }
}

.-mx-10\.5--fluid {
  margin-left: -84px;
  margin-right: -84px;
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-left: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-left: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-10\.5--fluid {
    margin-right: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-10\.5--fluid {
    margin-right: -168px;
  }
}

.-my-10--fluid {
  margin-top: -80px;
  margin-bottom: -80px;
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-top: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-top: -160px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10--fluid {
    margin-bottom: calc(-80px + -80 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10--fluid {
    margin-bottom: -160px;
  }
}

.-my-10\.5--fluid {
  margin-top: -84px;
  margin-bottom: -84px;
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-top: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-top: -168px;
  }
}

@media screen and (min-width: 320px) {
  .-my-10\.5--fluid {
    margin-bottom: calc(-84px + -84 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-10\.5--fluid {
    margin-bottom: -168px;
  }
}

.p-11--fluid {
  padding: 88px;
}

@media screen and (min-width: 320px) {
  .p-11--fluid {
    padding: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11--fluid {
    padding: 176px;
  }
}

.p-11\.5--fluid {
  padding: 92px;
}

@media screen and (min-width: 320px) {
  .p-11\.5--fluid {
    padding: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .p-11\.5--fluid {
    padding: 184px;
  }
}

.pl-11--fluid {
  padding-left: 88px;
}

@media screen and (min-width: 320px) {
  .pl-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11--fluid {
    padding-left: 176px;
  }
}

.pl-11\.5--fluid {
  padding-left: 92px;
}

@media screen and (min-width: 320px) {
  .pl-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pl-11\.5--fluid {
    padding-left: 184px;
  }
}

.pr-11--fluid {
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .pr-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pr-11--fluid {
    padding-right: 176px;
  }
}

.pt-11--fluid {
  padding-top: 88px;
}

@media screen and (min-width: 320px) {
  .pt-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11--fluid {
    padding-top: 176px;
  }
}

.pt-11\.5--fluid {
  padding-top: 92px;
}

@media screen and (min-width: 320px) {
  .pt-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pt-11\.5--fluid {
    padding-top: 184px;
  }
}

.pb-11--fluid {
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .pb-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11--fluid {
    padding-bottom: 176px;
  }
}

.pb-11\.5--fluid {
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .pb-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .pb-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.px-11--fluid {
  padding-left: 88px;
  padding-right: 88px;
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .px-11--fluid {
    padding-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11--fluid {
    padding-right: 176px;
  }
}

.px-11\.5--fluid {
  padding-left: 92px;
  padding-right: 92px;
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .px-11\.5--fluid {
    padding-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .px-11\.5--fluid {
    padding-right: 184px;
  }
}

.py-11--fluid {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .py-11--fluid {
    padding-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11--fluid {
    padding-bottom: 176px;
  }
}

.py-11\.5--fluid {
  padding-top: 92px;
  padding-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .py-11\.5--fluid {
    padding-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .py-11\.5--fluid {
    padding-bottom: 184px;
  }
}

.m-11--fluid {
  margin: 88px;
}

@media screen and (min-width: 320px) {
  .m-11--fluid {
    margin: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11--fluid {
    margin: 176px;
  }
}

.m-11\.5--fluid {
  margin: 92px;
}

@media screen and (min-width: 320px) {
  .m-11\.5--fluid {
    margin: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .m-11\.5--fluid {
    margin: 184px;
  }
}

.ml-11--fluid {
  margin-left: 88px;
}

@media screen and (min-width: 320px) {
  .ml-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11--fluid {
    margin-left: 176px;
  }
}

.ml-11\.5--fluid {
  margin-left: 92px;
}

@media screen and (min-width: 320px) {
  .ml-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .ml-11\.5--fluid {
    margin-left: 184px;
  }
}

.mr-11--fluid {
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mr-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11--fluid {
    margin-right: 176px;
  }
}

.mr-11\.5--fluid {
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mr-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mr-11\.5--fluid {
    margin-right: 184px;
  }
}

.mt-11--fluid {
  margin-top: 88px;
}

@media screen and (min-width: 320px) {
  .mt-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11--fluid {
    margin-top: 176px;
  }
}

.mt-11\.5--fluid {
  margin-top: 92px;
}

@media screen and (min-width: 320px) {
  .mt-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mt-11\.5--fluid {
    margin-top: 184px;
  }
}

.mb-11--fluid {
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .mb-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11--fluid {
    margin-bottom: 176px;
  }
}

.mb-11\.5--fluid {
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .mb-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mb-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.mx-11--fluid {
  margin-left: 88px;
  margin-right: 88px;
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-left: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-left: 176px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11--fluid {
    margin-right: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11--fluid {
    margin-right: 176px;
  }
}

.mx-11\.5--fluid {
  margin-left: 92px;
  margin-right: 92px;
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-left: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-left: 184px;
  }
}

@media screen and (min-width: 320px) {
  .mx-11\.5--fluid {
    margin-right: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .mx-11\.5--fluid {
    margin-right: 184px;
  }
}

.my-11--fluid {
  margin-top: 88px;
  margin-bottom: 88px;
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-top: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-top: 176px;
  }
}

@media screen and (min-width: 320px) {
  .my-11--fluid {
    margin-bottom: calc(88px + 88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11--fluid {
    margin-bottom: 176px;
  }
}

.my-11\.5--fluid {
  margin-top: 92px;
  margin-bottom: 92px;
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-top: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-top: 184px;
  }
}

@media screen and (min-width: 320px) {
  .my-11\.5--fluid {
    margin-bottom: calc(92px + 92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .my-11\.5--fluid {
    margin-bottom: 184px;
  }
}

.-m-11--fluid {
  margin: -88px;
}

@media screen and (min-width: 320px) {
  .-m-11--fluid {
    margin: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11--fluid {
    margin: -176px;
  }
}

.-m-11\.5--fluid {
  margin: -92px;
}

@media screen and (min-width: 320px) {
  .-m-11\.5--fluid {
    margin: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-m-11\.5--fluid {
    margin: -184px;
  }
}

.-ml-11--fluid {
  margin-left: -88px;
}

@media screen and (min-width: 320px) {
  .-ml-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11--fluid {
    margin-left: -176px;
  }
}

.-ml-11\.5--fluid {
  margin-left: -92px;
}

@media screen and (min-width: 320px) {
  .-ml-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-ml-11\.5--fluid {
    margin-left: -184px;
  }
}

.-mr-11--fluid {
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mr-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11--fluid {
    margin-right: -176px;
  }
}

.-mr-11\.5--fluid {
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mr-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mr-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mt-11--fluid {
  margin-top: -88px;
}

@media screen and (min-width: 320px) {
  .-mt-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11--fluid {
    margin-top: -176px;
  }
}

.-mt-11\.5--fluid {
  margin-top: -92px;
}

@media screen and (min-width: 320px) {
  .-mt-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mt-11\.5--fluid {
    margin-top: -184px;
  }
}

.-mb-11--fluid {
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-mb-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11--fluid {
    margin-bottom: -176px;
  }
}

.-mb-11\.5--fluid {
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-mb-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mb-11\.5--fluid {
    margin-bottom: -184px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-mx-11--fluid {
  margin-left: -88px;
  margin-right: -88px;
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-left: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-left: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11--fluid {
    margin-right: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11--fluid {
    margin-right: -176px;
  }
}

.-mx-11\.5--fluid {
  margin-left: -92px;
  margin-right: -92px;
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-left: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-left: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-mx-11\.5--fluid {
    margin-right: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-mx-11\.5--fluid {
    margin-right: -184px;
  }
}

.-my-11--fluid {
  margin-top: -88px;
  margin-bottom: -88px;
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-top: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-top: -176px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11--fluid {
    margin-bottom: calc(-88px + -88 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11--fluid {
    margin-bottom: -176px;
  }
}

.-my-11\.5--fluid {
  margin-top: -92px;
  margin-bottom: -92px;
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-top: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-top: -184px;
  }
}

@media screen and (min-width: 320px) {
  .-my-11\.5--fluid {
    margin-bottom: calc(-92px + -92 * (100vw - 320px) / (1280));
  }
}

@media screen and (min-width: 1600px) {
  .-my-11\.5--fluid {
    margin-bottom: -184px;
  }
}