/*RESET*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* GRID */
.row {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
}

.row.expanded { max-width: none; }

.row::after {
  content: "";
  clear: both;
  display: table;
}

.column {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  width: calc(100% - 20px);
  position: relative;
}

.row.no-gutters .column,
.column.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.sm-1 { width: calc(8.33% - 20px); }
.sm-2 { width: calc(16.66% - 20px); }
.sm-3 { width: calc(25% - 20px); }
.sm-4 { width: calc(33.33% - 20px); }
.sm-5 { width: calc(41.66% - 20px); }
.sm-6 { width: calc(50% - 20px); }
.sm-7 { width: calc(58.33% - 20px); }
.sm-8 { width: calc(66.66% - 20px); }
.sm-9 { width: calc(75% - 20px); }
.sm-10 { width: calc(83.33% - 20px); }
.sm-11 { width: calc(91.66% - 20px); }
.sm-12 { width: calc(100% - 20px); }

.sm-1.no-gutters { width: calc(8.33%); }
.sm-2.no-gutters { width: calc(16.66%); }
.sm-3.no-gutters { width: calc(25%); }
.sm-4.no-gutters { width: calc(33.33%); }
.sm-5.no-gutters { width: calc(41.66%); }
.sm-6.no-gutters { width: calc(50%); }
.sm-7.no-gutters { width: calc(58.33%); }
.sm-8.no-gutters { width: calc(66.66%); }
.sm-9.no-gutters { width: calc(75%); }
.sm-10.no-gutters { width: calc(83.33%); }
.sm-11.no-gutters { width: calc(91.66%); }
.sm-12.no-gutters { width: calc(100%); }

.row.no-gutters .sm-1 { width: calc(8.33%); }
.row.no-gutters .sm-2 { width: calc(16.66%); }
.row.no-gutters .sm-3 { width: calc(25%); }
.row.no-gutters .sm-4 { width: calc(33.33%); }
.row.no-gutters .sm-5 { width: calc(41.66%); }
.row.no-gutters .sm-6 { width: calc(50%); }
.row.no-gutters .sm-7 { width: calc(58.33%); }
.row.no-gutters .sm-8 { width: calc(66.66%); }
.row.no-gutters .sm-9 { width: calc(75%); }
.row.no-gutters .sm-10 { width: calc(83.33%); }
.row.no-gutters .sm-11 { width: calc(91.66%); }
.row.no-gutters .sm-12 { width: calc(100%); }

.sm-5-col-row .column { width: calc((100% - 20px * 5) / 5); }
.sm-7-col-row .column { width: calc((100% - 20px * 7) / 7); }
.sm-8-col-row .column { width: calc((100% - 20px * 8) / 8); }
.sm-9-col-row .column { width: calc((100% - 20px * 9) / 9); }
.sm-10-col-row .column { width: calc((100% - 20px * 10) / 10); }
.sm-11-col-row .column { width: calc((100% - 20px * 11) / 11); }

.sm-offset-1 { margin-left: calc(8.33% + 10px); }
.sm-offset-2 { margin-left: calc(16.66% + 10px); }
.sm-offset-3 { margin-left: calc(25% + 10px); }
.sm-offset-4 { margin-left: calc(33.33% + 10px); }
.sm-offset-5 { margin-left: calc(41.66% + 10px); }
.sm-offset-6 { margin-left: calc(50% + 10px); }
.sm-offset-7 { margin-left: calc(58.33% + 10px); }
.sm-offset-8 { margin-left: calc(66.66% + 10px); }
.sm-offset-9 { margin-left: calc(75% + 10px); }
.sm-offset-10 { margin-left: calc(83.33% + 10px); }
.sm-offset-11 { margin-left: calc(91.66% + 10px); }
.sm-offset-12 { margin-left: calc(100% + 10px); }

.sm-push-1 { left: calc(8.33%); }
.sm-push-2 { left: calc(16.66%); }
.sm-push-3 { left: calc(25%); }
.sm-push-4 { left: calc(33.33%); }
.sm-push-5 { left: calc(41.66%); }
.sm-push-6 { left: calc(50%); }
.sm-push-7 { left: calc(58.33%); }
.sm-push-8 { left: calc(66.66%); }
.sm-push-9 { left: calc(75%); }
.sm-push-10 { left: calc(83.33%); }
.sm-push-11 { left: calc(91.66%); }
.sm-push-12 { left: calc(100%); }

.sm-pull-1 { left: calc(-8.33%); }
.sm-pull-2 { left: calc(-16.66%); }
.sm-pull-3 { left: calc(-25%); }
.sm-pull-4 { left: calc(-33.33%); }
.sm-pull-5 { left: calc(-41.66%); }
.sm-pull-6 { left: calc(-50%); }
.sm-pull-7 { left: calc(-58.33%); }
.sm-pull-8 { left: calc(-66.66%); }
.sm-pull-9 { left: calc(-75%); }
.sm-pull-10 { left: calc(-83.33%); }
.sm-pull-11 { left: calc(-91.66%); }
.sm-pull-12 { left: calc(-100%); }

@media (min-width: $medium) {
  .md-1 { width: calc(8.33% - 20px); }
  .md-2 { width: calc(16.66% - 20px); }
  .md-3 { width: calc(25% - 20px); }
  .md-4 { width: calc(33.33% - 20px); }
  .md-5 { width: calc(41.66% - 20px); }
  .md-6 { width: calc(50% - 20px); }
  .md-7 { width: calc(58.33% - 20px); }
  .md-8 { width: calc(66.66% - 20px); }
  .md-9 { width: calc(75% - 20px); }
  .md-10 { width: calc(83.33% - 20px); }
  .md-11 { width: calc(91.66% - 20px); }
  .md-12 { width: calc(100% - 20px); }

  .md-1.no-gutters { width: calc(8.33%); }
  .md-2.no-gutters { width: calc(16.66%); }
  .md-3.no-gutters { width: calc(25%); }
  .md-4.no-gutters { width: calc(33.33%); }
  .md-5.no-gutters { width: calc(41.66%); }
  .md-6.no-gutters { width: calc(50%); }
  .md-7.no-gutters { width: calc(58.33%); }
  .md-8.no-gutters { width: calc(66.66%); }
  .md-9.no-gutters { width: calc(75%); }
  .md-10.no-gutters { width: calc(83.33%); }
  .md-11.no-gutters { width: calc(91.66%); }
  .md-12.no-gutters { width: calc(100%); }

  .row.no-gutters .md-1 { width: calc(8.33%); }
  .row.no-gutters .md-2 { width: calc(16.66%); }
  .row.no-gutters .md-3 { width: calc(25%); }
  .row.no-gutters .md-4 { width: calc(33.33%); }
  .row.no-gutters .md-5 { width: calc(41.66%); }
  .row.no-gutters .md-6 { width: calc(50%); }
  .row.no-gutters .md-7 { width: calc(58.33%); }
  .row.no-gutters .md-8 { width: calc(66.66%); }
  .row.no-gutters .md-9 { width: calc(75%); }
  .row.no-gutters .md-10 { width: calc(83.33%); }
  .row.no-gutters .md-11 { width: calc(91.66%); }
  .row.no-gutters .md-12 { width: calc(100%); }

  .md-5-col-row .column { width: calc((100% - 20px * 5) / 5); }
  .md-7-col-row .column { width: calc((100% - 20px * 7) / 7); }
  .md-8-col-row .column { width: calc((100% - 20px * 8) / 8); }
  .md-9-col-row .column { width: calc((100% - 20px * 9) / 9); }
  .md-10-col-row .column { width: calc((100% - 20px * 10) / 10); }
  .md-11-col-row .column { width: calc((100% - 20px * 11) / 11); }

  .md-offset-1 { margin-left: calc(8.33% + 10px); }
  .md-offset-2 { margin-left: calc(16.66% + 10px); }
  .md-offset-3 { margin-left: calc(25% + 10px); }
  .md-offset-4 { margin-left: calc(33.33% + 10px); }
  .md-offset-5 { margin-left: calc(41.66% + 10px); }
  .md-offset-6 { margin-left: calc(50% + 10px); }
  .md-offset-7 { margin-left: calc(58.33% + 10px); }
  .md-offset-8 { margin-left: calc(66.66% + 10px); }
  .md-offset-9 { margin-left: calc(75% + 10px); }
  .md-offset-10 { margin-left: calc(83.33% + 10px); }
  .md-offset-11 { margin-left: calc(91.66% + 10px); }
  .md-offset-12 { margin-left: calc(100% + 10px); }

  .md-push-1 { left: calc(8.33%); }
  .md-push-2 { left: calc(16.66%); }
  .md-push-3 { left: calc(25%); }
  .md-push-4 { left: calc(33.33%); }
  .md-push-5 { left: calc(41.66%); }
  .md-push-6 { left: calc(50%); }
  .md-push-7 { left: calc(58.33%); }
  .md-push-8 { left: calc(66.66%); }
  .md-push-9 { left: calc(75%); }
  .md-push-10 { left: calc(83.33%); }
  .md-push-11 { left: calc(91.66%); }
  .md-push-12 { left: calc(100%); }

  .md-pull-1 { left: calc(-8.33%); }
  .md-pull-2 { left: calc(-16.66%); }
  .md-pull-3 { left: calc(-25%); }
  .md-pull-4 { left: calc(-33.33%); }
  .md-pull-5 { left: calc(-41.66%); }
  .md-pull-6 { left: calc(-50%); }
  .md-pull-7 { left: calc(-58.33%); }
  .md-pull-8 { left: calc(-66.66%); }
  .md-pull-9 { left: calc(-75%); }
  .md-pull-10 { left: calc(-83.33%); }
  .md-pull-11 { left: calc(-91.66%); }
  .md-pull-12 { left: calc(-100%); }
}

@media (min-width: $large) {
  .lg-1 { width: calc(8.33% - 20px); }
  .lg-2 { width: calc(16.66% - 20px); }
  .lg-3 { width: calc(25% - 20px); }
  .lg-4 { width: calc(33.33% - 20px); }
  .lg-5 { width: calc(41.66% - 20px); }
  .lg-6 { width: calc(50% - 20px); }
  .lg-7 { width: calc(58.33% - 20px); }
  .lg-8 { width: calc(66.66% - 20px); }
  .lg-9 { width: calc(75% - 20px); }
  .lg-10 { width: calc(83.33% - 20px); }
  .lg-11 { width: calc(91.66% - 20px); }
  .lg-12 { width: calc(100% - 20px); }

  .lg-1.no-gutters { width: calc(8.33%); }
  .lg-2.no-gutters { width: calc(16.66%); }
  .lg-3.no-gutters { width: calc(25%); }
  .lg-4.no-gutters { width: calc(33.33%); }
  .lg-5.no-gutters { width: calc(41.66%); }
  .lg-6.no-gutters { width: calc(50%); }
  .lg-7.no-gutters { width: calc(58.33%); }
  .lg-8.no-gutters { width: calc(66.66%); }
  .lg-9.no-gutters { width: calc(75%); }
  .lg-10.no-gutters { width: calc(83.33%); }
  .lg-11.no-gutters { width: calc(91.66%); }
  .lg-12.no-gutters { width: calc(100%); }

  .row.no-gutters .lg-1 { width: calc(8.33%); }
  .row.no-gutters .lg-2 { width: calc(16.66%); }
  .row.no-gutters .lg-3 { width: calc(25%); }
  .row.no-gutters .lg-4 { width: calc(33.33%); }
  .row.no-gutters .lg-5 { width: calc(41.66%); }
  .row.no-gutters .lg-6 { width: calc(50%); }
  .row.no-gutters .lg-7 { width: calc(58.33%); }
  .row.no-gutters .lg-8 { width: calc(66.66%); }
  .row.no-gutters .lg-9 { width: calc(75%); }
  .row.no-gutters .lg-10 { width: calc(83.33%); }
  .row.no-gutters .lg-11 { width: calc(91.66%); }
  .row.no-gutters .lg-12 { width: calc(100%); }

  .lg-5-col-row .column { width: calc((100% - 20px * 5) / 5);}
  .lg-7-col-row .column { width: calc((100% - 20px * 7) / 7); }
  .lg-8-col-row .column { width: calc((100% - 20px * 8) / 8); }
  .lg-9-col-row .column { width: calc((100% - 20px * 9) / 9); }
  .lg-10-col-row .column { width: calc((100% - 20px * 10) / 10); }
  .lg-11-col-row .column { width: calc((100% - 20px * 11) / 11); }

  .lg-offset-1 { margin-left: calc(8.33% + 10px); }
  .lg-offset-2 { margin-left: calc(16.66% + 10px); }
  .lg-offset-3 { margin-left: calc(25% + 10px); }
  .lg-offset-4 { margin-left: calc(33.33% + 10px); }
  .lg-offset-5 { margin-left: calc(41.66% + 10px); }
  .lg-offset-6 { margin-left: calc(50% + 10px); }
  .lg-offset-7 { margin-left: calc(58.33% + 10px); }
  .lg-offset-8 { margin-left: calc(66.66% + 10px); }
  .lg-offset-9 { margin-left: calc(75% + 10px); }
  .lg-offset-10 { margin-left: calc(83.33% + 10px); }
  .lg-offset-11 { margin-left: calc(91.66% + 10px); }
  .lg-offset-12 { margin-left: calc(100% + 10px); }

  .lg-push-1 { left: calc(8.33%); }
  .lg-push-2 { left: calc(16.66%); }
  .lg-push-3 { left: calc(25%); }
  .lg-push-4 { left: calc(33.33%); }
  .lg-push-5 { left: calc(41.66%); }
  .lg-push-6 { left: calc(50%); }
  .lg-push-7 { left: calc(58.33%); }
  .lg-push-8 { left: calc(66.66%); }
  .lg-push-9 { left: calc(75%); }
  .lg-push-10 { left: calc(83.33%); }
  .lg-push-11 { left: calc(91.66%); }
  .lg-push-12 { left: calc(100%); }

  .lg-pull-1 { left: calc(-8.33%); }
  .lg-pull-2 { left: calc(-16.66%); }
  .lg-pull-3 { left: calc(-25%); }
  .lg-pull-4 { left: calc(-33.33%); }
  .lg-pull-5 { left: calc(-41.66%); }
  .lg-pull-6 { left: calc(-50%); }
  .lg-pull-7 { left: calc(-58.33%); }
  .lg-pull-8 { left: calc(-66.66%); }
  .lg-pull-9 { left: calc(-75%); }
  .lg-pull-10 { left: calc(-83.33%); }
  .lg-pull-11 { left: calc(-91.66%); }
  .lg-pull-12 { left: calc(-100%); }
}

@media (min-width: $xlarge) {
  .xlg-1 { width: calc(8.33% - 20px); }
  .xlg-2 { width: calc(16.66% - 20px); }
  .xlg-3 { width: calc(25% - 20px); }
  .xlg-4 { width: calc(33.33% - 20px); }
  .xlg-5 { width: calc(41.66% - 20px); }
  .xlg-6 { width: calc(50% - 20px); }
  .xlg-7 { width: calc(58.33% - 20px); }
  .xlg-8 { width: calc(66.66% - 20px); }
  .xlg-9 { width: calc(75% - 20px); }
  .xlg-10 { width: calc(83.33% - 20px); }
  .xlg-11 { width: calc(91.66% - 20px); }
  .xlg-12 { width: calc(100% - 20px); }

  .xl-1.no-gutters { width: calc(8.33%); }
  .xl-2.no-gutters { width: calc(16.66%); }
  .xl-3.no-gutters { width: calc(25%); }
  .xl-4.no-gutters { width: calc(33.33%); }
  .xl-5.no-gutters { width: calc(41.66%); }
  .xl-6.no-gutters { width: calc(50%); }
  .xl-7.no-gutters { width: calc(58.33%); }
  .xl-8.no-gutters { width: calc(66.66%); }
  .xl-9.no-gutters { width: calc(75%); }
  .xl-10.no-gutters { width: calc(83.33%); }
  .xl-11.no-gutters { width: calc(91.66%); }
  .xl-12.no-gutters { width: calc(100%); }

  .row.no-gutters .xlg-1 { width: calc(8.33%); }
  .row.no-gutters .xlg-2 { width: calc(16.66%); }
  .row.no-gutters .xlg-3 { width: calc(25%); }
  .row.no-gutters .xlg-4 { width: calc(33.33%); }
  .row.no-gutters .xlg-5 { width: calc(41.66%); }
  .row.no-gutters .xlg-6 { width: calc(50%); }
  .row.no-gutters .xlg-7 { width: calc(58.33%); }
  .row.no-gutters .xlg-8 { width: calc(66.66%); }
  .row.no-gutters .xlg-9 { width: calc(75%); }
  .row.no-gutters .xlg-10 { width: calc(83.33%); }
  .row.no-gutters .xlg-11 { width: calc(91.66%); }
  .row.no-gutters .xlg-12 { width: calc(100%); }

  .xlg-5-col-row .column { width: calc((100% - 20px * 5) / 5);}
  .xlg-7-col-row .column { width: calc((100% - 20px * 7) / 7); }
  .xlg-8-col-row .column { width: calc((100% - 20px * 8) / 8); }
  .xlg-9-col-row .column { width: calc((100% - 20px * 9) / 9); }
  .xlg-10-col-row .column { width: calc((100% - 20px * 10) / 10); }
  .xlg-11-col-row .column { width: calc((100% - 20px * 11) / 11); }

  .xlg-offset-1 { margin-left: calc(8.33% + 10px); }
  .xlg-offset-2 { margin-left: calc(16.66% + 10px); }
  .xlg-offset-3 { margin-left: calc(25% + 10px); }
  .xlg-offset-4 { margin-left: calc(33.33% + 10px); }
  .xlg-offset-5 { margin-left: calc(41.66% + 10px); }
  .xlg-offset-6 { margin-left: calc(50% + 10px); }
  .xlg-offset-7 { margin-left: calc(58.33% + 10px); }
  .xlg-offset-8 { margin-left: calc(66.66% + 10px); }
  .xlg-offset-9 { margin-left: calc(75% + 10px); }
  .xlg-offset-10 { margin-left: calc(83.33% + 10px); }
  .xlg-offset-11 { margin-left: calc(91.66% + 10px); }
  .xlg-offset-12 { margin-left: calc(100% + 10px); }

  .xlg-push-1 { left: calc(8.33%); }
  .xlg-push-2 { left: calc(16.66%); }
  .xlg-push-3 { left: calc(25%); }
  .xlg-push-4 { left: calc(33.33%); }
  .xlg-push-5 { left: calc(41.66%); }
  .xlg-push-6 { left: calc(50%); }
  .xlg-push-7 { left: calc(58.33%); }
  .xlg-push-8 { left: calc(66.66%); }
  .xlg-push-9 { left: calc(75%); }
  .xlg-push-10 { left: calc(83.33%); }
  .xlg-push-11 { left: calc(91.66%); }
  .xlg-push-12 { left: calc(100%); }

  .xlg-pull-1 { left: calc(-8.33%); }
  .xlg-pull-2 { left: calc(-16.66%); }
  .xlg-pull-3 { left: calc(-25%); }
  .xlg-pull-4 { left: calc(-33.33%); }
  .xlg-pull-5 { left: calc(-41.66%); }
  .xlg-pull-6 { left: calc(-50%); }
  .xlg-pull-7 { left: calc(-58.33%); }
  .xlg-pull-8 { left: calc(-66.66%); }
  .xlg-pull-9 { left: calc(-75%); }
  .xlg-pull-10 { left: calc(-83.33%); }
  .xlg-pull-11 { left: calc(-91.66%); }
  .xlg-pull-12 { left: calc(-100%); }
}

@media (min-width: $xxlarge) {
  .xxlg-1 { width: calc(8.33% - 20px); }
  .xxlg-2 { width: calc(16.66% - 20px); }
  .xxlg-3 { width: calc(25% - 20px); }
  .xxlg-4 { width: calc(33.33% - 20px); }
  .xxlg-5 { width: calc(41.66% - 20px); }
  .xxlg-6 { width: calc(50% - 20px); }
  .xxlg-7 { width: calc(58.33% - 20px); }
  .xxlg-8 { width: calc(66.66% - 20px); }
  .xxlg-9 { width: calc(75% - 20px); }
  .xxlg-10 { width: calc(83.33% - 20px); }
  .xxlg-11 { width: calc(91.66% - 20px); }
  .xxlg-12 { width: calc(100% - 20px); }

  .xxlg-1.no-gutters { width: calc(8.33%); }
  .xxlg-2.no-gutters { width: calc(16.66%); }
  .xxlg-3.no-gutters { width: calc(25%); }
  .xxlg-4.no-gutters { width: calc(33.33%); }
  .xxlg-5.no-gutters { width: calc(41.66%); }
  .xxlg-6.no-gutters { width: calc(50%); }
  .xxlg-7.no-gutters { width: calc(58.33%); }
  .xxlg-8.no-gutters { width: calc(66.66%); }
  .xxlg-9.no-gutters { width: calc(75%); }
  .xxlg-10.no-gutters { width: calc(83.33%); }
  .xxlg-11.no-gutters { width: calc(91.66%); }
  .xxlg-12.no-gutters { width: calc(100%); }

  .row.no-gutters .xxlg-1 { width: calc(8.33%); }
  .row.no-gutters .xxlg-2 { width: calc(16.66%); }
  .row.no-gutters .xxlg-3 { width: calc(25%); }
  .row.no-gutters .xxlg-4 { width: calc(33.33%); }
  .row.no-gutters .xxlg-5 { width: calc(41.66%); }
  .row.no-gutters .xxlg-6 { width: calc(50%); }
  .row.no-gutters .xxlg-7 { width: calc(58.33%); }
  .row.no-gutters .xxlg-8 { width: calc(66.66%); }
  .row.no-gutters .xxlg-9 { width: calc(75%); }
  .row.no-gutters .xxlg-10 { width: calc(83.33%); }
  .row.no-gutters .xxlg-11 { width: calc(91.66%); }
  .row.no-gutters .xxlg-12 { width: calc(100%); }

  .xxlg-5-col-row .column { width: calc((100% - 20px * 5) / 5);}
  .xxlg-7-col-row .column { width: calc((100% - 20px * 7) / 7); }
  .xxlg-8-col-row .column { width: calc((100% - 20px * 8) / 8); }
  .xxlg-9-col-row .column { width: calc((100% - 20px * 9) / 9); }
  .xxlg-10-col-row .column { width: calc((100% - 20px * 10) / 10); }
  .xxlg-11-col-row .column { width: calc((100% - 20px * 11) / 11); }

  .xxlg-offset-1 { margin-left: calc(8.33% + 10px); }
  .xxlg-offset-2 { margin-left: calc(16.66% + 10px); }
  .xxlg-offset-3 { margin-left: calc(25% + 10px); }
  .xxlg-offset-4 { margin-left: calc(33.33% + 10px); }
  .xxlg-offset-5 { margin-left: calc(41.66% + 10px); }
  .xxlg-offset-6 { margin-left: calc(50% + 10px); }
  .xxlg-offset-7 { margin-left: calc(58.33% + 10px); }
  .xxlg-offset-8 { margin-left: calc(66.66% + 10px); }
  .xxlg-offset-9 { margin-left: calc(75% + 10px); }
  .xxlg-offset-10 { margin-left: calc(83.33% + 10px); }
  .xxlg-offset-11 { margin-left: calc(91.66% + 10px); }
  .xxlg-offset-12 { margin-left: calc(100% + 10px); }

  .xxlg-push-1 { left: calc(8.33%); }
  .xxlg-push-2 { left: calc(16.66%); }
  .xxlg-push-3 { left: calc(25%); }
  .xxlg-push-4 { left: calc(33.33%); }
  .xxlg-push-5 { left: calc(41.66%); }
  .xxlg-push-6 { left: calc(50%); }
  .xxlg-push-7 { left: calc(58.33%); }
  .xxlg-push-8 { left: calc(66.66%); }
  .xxlg-push-9 { left: calc(75%); }
  .xxlg-push-10 { left: calc(83.33%); }
  .xxlg-push-11 { left: calc(91.66%); }
  .xxlg-push-12 { left: calc(100%); }

  .xxlg-pull-1 { left: calc(-8.33%); }
  .xxlg-pull-2 { left: calc(-16.66%); }
  .xxlg-pull-3 { left: calc(-25%); }
  .xxlg-pull-4 { left: calc(-33.33%); }
  .xxlg-pull-5 { left: calc(-41.66%); }
  .xxlg-pull-6 { left: calc(-50%); }
  .xxlg-pull-7 { left: calc(-58.33%); }
  .xxlg-pull-8 { left: calc(-66.66%); }
  .xxlg-pull-9 { left: calc(-75%); }
  .xxlg-pull-10 { left: calc(-83.33%); }
  .xxlg-pull-11 { left: calc(-91.66%); }
  .xxlg-pull-12 { left: calc(-100%); }
}

/* TEXT HELPERS */
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.nowrap { white-space: nowrap !important; }
.underline { text-decoration: underline !important; }
.line-through { text-decoration: line-through !important; }

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-justify { text-align: justify !important; }

.fz-12 { font-size: 12px !important; }
.fz-14 { font-size: 14px !important; }
.fz-16 { font-size: 16px !important; }
.fz-18 { font-size: 18px !important; }
.fz-20 { font-size: 20px !important; }
.fz-22 { font-size: 22px !important; }
.fz-24 { font-size: 24px !important; }
.fz-26 { font-size: 26px !important; }
.fz-28 { font-size: 28px !important; }
.fz-30 { font-size: 30px !important; }
.fz-32 { font-size: 32px !important; }
.fz-34 { font-size: 34px !important; }
.fz-36 { font-size: 36px !important; }
.fz-38 { font-size: 38px !important; }
.fz-40 { font-size: 40px !important; }
.fz-44 { font-size: 44px !important; }
.fz-48 { font-size: 48px !important; }
.fz-52 { font-size: 52px !important; }
.fz-56 { font-size: 56px !important; }
.fz-60 { font-size: 60px !important; }
.fz-64 { font-size: 64px !important; }
.fz-68 { font-size: 68px !important; }
.fz-72 { font-size: 72px !important; }
.fz-96 { font-size: 96px !important; }

.fz-18-26 { font-size: 18px !important; }
.fz-20-28 { font-size: 20px !important; }
.fz-22-30 { font-size: 22px !important; }
.fz-24-32 { font-size: 24px !important; }
.fz-26-34 { font-size: 26px !important; }
.fz-28-36 { font-size: 28px !important; }
.fz-30-38 { font-size: 30px !important; }
.fz-32-40 { font-size: 32px !important; }
.fz-34-42 { font-size: 34px !important; }
.fz-36-44 { font-size: 36px !important; }
.fz-38-46 { font-size: 38px !important; }
.fz-40-48 { font-size: 40px !important; }
.fz-44-52 { font-size: 44px !important; }
.fz-48-56 { font-size: 48px !important; }

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

@media (min-width: $medium) {
  .md-text-center { text-align: center !important; }
  .md-text-right { text-align: right !important; }
  .md-text-left { text-align: left !important; }
  .md-text-justify { text-align: justify !important; }
}

@media (min-width: $large) {
  .lg-text-center { text-align: center !important; }
  .lg-text-right { text-align: right !important; }
  .lg-text-left { text-align: left !important; }
  .lg-text-justify { text-align: justify !important; }

  .fz-18-26 { font-size: 26px !important; }
  .fz-20-28 { font-size: 28px !important; }
  .fz-22-30 { font-size: 30px !important; }
  .fz-24-32 { font-size: 32px !important; }
  .fz-26-34 { font-size: 34px !important; }
  .fz-28-36 { font-size: 36px !important; }
  .fz-30-38 { font-size: 38px !important; }
  .fz-32-40 { font-size: 40px !important; }
  .fz-34-42 { font-size: 42px !important; }
  .fz-36-44 { font-size: 44px !important; }
  .fz-38-46 { font-size: 46px !important; }
  .fz-40-48 { font-size: 48px !important; }
  .fz-44-52 { font-size: 52px !important; }
  .fz-48-56 { font-size: 56px !important; }
}

@media (min-width: $xlarge) {
  .xlg-text-center { text-align: center !important; }
  .xlg-text-right { text-align: right !important; }
  .xlg-text-left { text-align: left !important; }
  .xlg-text-justify { text-align: justify !important; }
}

@media (min-width: $xxlarge) {
  .xxlg-text-center { text-align: center !important; }
  .xxlg-text-right { text-align: right !important; }
  .xxlg-text-left { text-align: left !important; }
  .xxlg-text-justify { text-align: justify !important; }
}

/* VISIBILITY HELPERS */
.hide { display: none !important; }
.md-show { display: none !important; }
.md-show-inline { display: none !important; }
.lg-show { display: none !important; }
.lg-show-inline { display: none !important; }
.xlg-show { display: none !important; }
.xlg-show-inline { display: none !important; }
.xxlg-show { display: none !important; }
.xxlg-show-inline { display: none !important; }
.invisible { visibility: hidden !important; }

@media (min-width: $medium) {
  .md-hide { display: none !important; }
  .md-show { display: block !important; }
  .md-show-inline { display: inline-block !important; }
  .md-invisible { visibility: hidden !important; }
}

@media (min-width: $large) {
  .lg-hide { display: none !important; }
  .lg-show { display: block !important; }
  .lg-show-inline { display: inline-block !important; }
  .lg-invisible { visibility: hidden !important; }
}

@media (min-width: $xlarge) {
  .xlg-hide { display: none !important; }
  .xlg-show { display: block !important; }
  .xlg-show-inline { display: inline-block !important; }
  .xlg-invisible { visibility: hidden !important; }
}

@media (min-width: $xxlarge) {
  .xxlg-hide { display: none !important; }
  .xxlg-show { display: block !important; }
  .xxlg-show-inline { display: inline-block !important; }
  .xxlg-invisible { visibility: hidden !important; }
}

/* DISPLAY HELPERS */
.inline-block { display: inline-block !important; }
.block { display: block !important; }
.flex { display: flex !important; }

@media (min-width: $medium) {
  .md-inline-block { display: inline-block !important; }
  .md-block { display: block !important; }
  .md-flex { display: flex !important; }
}

@media (min-width: $large) {
  .lg-inline-block { display: inline-block !important; }
  .lg-block { display: block !important; }
  .lg-flex { display: flex !important; }
}

@media (min-width: $xlarge) {
  .xlg-inline-block { display: inline-block !important; }
  .xlg-block { display: block !important; }
  .xlg-flex { display: flex !important; }
}

@media (min-width: $xxlarge) {
  .xxlg-inline-block { display: inline-block !important; }
  .xxlg-block { display: block !important; }
  .xxlg-flex { display: flex !important; }
}

/* FLEX HELPERS */
.no-flex-wrap { flex-wrap: nowrap !important; }
.flex-wrap { flex-wrap: wrap !important; }

.jc-start { justify-content: flex-start !important; }
.jc-end { justify-content: flex-end !important; }
.jc-center { justify-content: center !important; }
.jc-space-around { justify-content: space-around !important; }
.jc-space-between { justify-content: space-between !important; }
.jc-space-evenly { justify-content: space-evenly !important; }

.ai-start { align-items: flex-start !important; }
.ai-end { align-items: flex-end !important; }
.ai-center { align-items: center !important; }
.ai-stretch { align-items: stretch !important; }
.ai-baseline { align-items: baseline !important; }

.as-start { align-self: flex-start !important; }
.as-end { align-self: flex-end !important; }
.as-center { align-self: center !important; }
.as-stretch { align-self: stretch !important; }

@media (min-width: $medium) {
  .md-no-flex-wrap { flex-wrap: nowrap !important; }
  .md-flex-wrap { flex-wrap: wrap !important; }

  .md-jc-start { justify-content: flex-start !important; }
  .md-jc-end { justify-content: flex-end !important; }
  .md-jc-center { justify-content: center !important; }
  .md-jc-space-around { justify-content: space-around !important; }
  .md-jc-space-between { justify-content: space-between !important; }
  .md-jc-space-evenly { justify-content: space-evenly !important; }

  .md-ai-start { align-items: flex-start !important; }
  .md-ai-end { align-items: flex-end !important; }
  .md-ai-center { align-items: center !important; }
  .md-ai-stretch { align-items: stretch !important; }
  .md-ai-baseline { align-items: baseline !important; }

  .md-as-start { align-self: flex-start !important; }
  .md-as-end { align-self: flex-end !important; }
  .md-as-center { align-self: center !important; }
  .md-as-stretch { align-self: stretch !important; }
}

@media (min-width: $large) {
  .lg-no-flex-wrap { flex-wrap: nowrap !important; }
  .lg-flex-wrap { flex-wrap: wrap !important; }

  .lg-jc-start { justify-content: flex-start !important; }
  .lg-jc-end { justify-content: flex-end !important; }
  .lg-jc-center { justify-content: center !important; }
  .lg-jc-space-around { justify-content: space-around !important; }
  .lg-jc-space-between { justify-content: space-between !important; }
  .lg-jc-space-evenly { justify-content: space-evenly !important; }

  .lg-ai-start { align-items: flex-start !important; }
  .lg-ai-end { align-items: flex-end !important; }
  .lg-ai-center { align-items: center !important; }
  .lg-ai-stretch { align-items: stretch !important; }
  .lg-ai-baseline { align-items: baseline !important; }

  .lg-as-start { align-self: flex-start !important; }
  .lg-as-end { align-self: flex-end !important; }
  .lg-as-center { align-self: center !important; }
  .lg-as-stretch { align-self: stretch !important; }
}

@media (min-width: $xlarge) {
  .xlg-no-flex-wrap { flex-wrap: nowrap !important; }
  .xlg-flex-wrap { flex-wrap: wrap !important; }

  .xlg-jc-start { justify-content: flex-start !important; }
  .xlg-jc-end { justify-content: flex-end !important; }
  .xlg-jc-center { justify-content: center !important; }
  .xlg-jc-space-around { justify-content: space-around !important; }
  .xlg-jc-space-between { justify-content: space-between !important; }
  .xlg-jc-space-evenly { justify-content: space-evenly !important; }

  .xlg-ai-start { align-items: flex-start !important; }
  .xlg-ai-end { align-items: flex-end !important; }
  .xlg-ai-center { align-items: center !important; }
  .xlg-ai-stretch { align-items: stretch !important; }
  .xlg-ai-baseline { align-items: baseline !important; }

  .xlg-as-start { align-self: flex-start !important; }
  .xlg-as-end { align-self: flex-end !important; }
  .xlg-as-center { align-self: center !important; }
  .xlg-as-stretch { align-self: stretch !important; }
}

@media (min-width: $xxlarge) {
  .xxlg-no-flex-wrap { flex-wrap: nowrap !important; }
  .xxlg-flex-wrap { flex-wrap: wrap !important; }

  .xxlg-jc-start { justify-content: flex-start !important; }
  .xxlg-jc-end { justify-content: flex-end !important; }
  .xxlg-jc-center { justify-content: center !important; }
  .xxlg-jc-space-around { justify-content: space-around !important; }
  .xxlg-jc-space-between { justify-content: space-between !important; }
  .xxlg-jc-space-evenly { justify-content: space-evenly !important; }

  .xxlg-ai-start { align-items: flex-start !important; }
  .xxlg-ai-end { align-items: flex-end !important; }
  .xxlg-ai-center { align-items: center !important; }
  .xxlg-ai-stretch { align-items: stretch !important; }
  .xxlg-ai-baseline { align-items: baseline !important; }

  .xxlg-as-start { align-self: flex-start !important; }
  .xxlg-as-end { align-self: flex-end !important; }
  .xxlg-as-center { align-self: center !important; }
  .xxlg-as-stretch { align-self: stretch !important; }
}

/* POSITION HELPERS */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.static { position: static !important; }
.float-right { float: right !important; }
.float-left { float: left !important; }

.vert-horz-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vert-center {
  display: flex;
  align-items: center;
}

@media (min-width: $medium) {
  .md-relative { position: relative !important; }
  .md-absolute { position: absolute !important; }
  .md-fixed { position: fixed !important; }
  .md-static { position: static !important; }
  .md-float-right { float: right !important; }
  .md-float-left { float: left !important; }
}

@media (min-width: $large) {
  .lg-relative { position: relative !important; }
  .lg-absolute { position: absolute !important; }
  .lg-fixed { position: fixed !important; }
  .lg-static { position: static !important; }
  .lg-float-right { float: right !important; }
  .lg-float-left { float: left !important; }
}

@media (min-width: $xlarge) {
  .xlg-relative { position: relative !important; }
  .xlg-absolute { position: absolute !important; }
  .xlg-fixed { position: fixed !important; }
  .xlg-static { position: static !important; }
  .xlg-float-right { float: right !important; }
  .xlg-float-left { float: left !important; }
}

@media (min-width: $xxlarge) {
  .xxlg-relative { position: relative !important; }
  .xxlg-absolute { position: absolute !important; }
  .xxlg-fixed { position: fixed !important; }
  .xxlg-static { position: static !important; }
  .xxlg-float-right { float: right !important; }
  .xxlg-float-left { float: left !important; }
}

/* SIZE HELPERS */
.width-100 { width: 100% !important; }
.width-50 { width: 50% !important; }
.width-33 { width: 33.33% !important; }
.width-25 { width: 25% !important; }
.width-auto { width: auto !important; }
.height-100 { height: 100% !important; }
.height-50 { height: 50% !important; }
.height-33 { height: 33.33% !important; }
.height-25 { height: 25% !important; }
.height-auto { height: auto !important; }

@media (min-width: $medium) {
  .md-width-100 { width: 100% !important; }
  .md-width-50 { width: 50% !important; }
  .md-width-33 { width: 33.33% !important; }
  .md-width-25 { width: 25% !important; }
  .md-width-auto { width: auto !important; }
  .md-height-100 { height: 100% !important; }
  .md-height-50 { height: 50% !important; }
  .md-height-33 { height: 33.33% !important; }
  .md-height-25 { height: 25% !important; }
  .md-height-auto { height: auto !important; }
}

@media (min-width: $large) {
  .lg-width-100 { width: 100% !important; }
  .lg-width-50 { width: 50% !important; }
  .lg-width-33 { width: 33.33% !important; }
  .lg-width-25 { width: 25% !important; }
  .lg-width-auto { width: auto !important; }
  .lg-height-100 { height: 100% !important; }
  .lg-height-50 { height: 50% !important; }
  .lg-height-33 { height: 33.33% !important; }
  .lg-height-25 { height: 25% !important; }
  .lg-height-auto { height: auto !important; }
}

@media (min-width: $xlarge) {
  .xlg-width-100 { width: 100% !important; }
  .xlg-width-50 { width: 50% !important; }
  .xlg-width-33 { width: 33.33% !important; }
  .xlg-width-25 { width: 25% !important; }
  .xlg-width-auto { width: auto !important; }
  .xlg-height-100 { height: 100% !important; }
  .xlg-height-50 { height: 50% !important; }
  .xlg-height-33 { height: 33.33% !important; }
  .xlg-height-25 { height: 25% !important; }
  .xlg-height-auto { height: auto !important; }
}

@media (min-width: $xxlarge) {
  .xxlg-width-100 { width: 100% !important; }
  .xxlg-width-50 { width: 50% !important; }
  .xxlg-width-33 { width: 33.33% !important; }
  .xxlg-width-25 { width: 25% !important; }
  .xxlg-width-auto { width: auto !important; }
  .xxlg-height-100 { height: 100% !important; }
  .xxlg-height-50 { height: 50% !important; }
  .xxlg-height-33 { height: 33.33% !important; }
  .xxlg-height-25 { height: 25% !important; }
  .xxlg-height-auto { height: auto !important; }
}

/* MARGIN HELLPERS */
.m-0 { margin: 0 !important; }
.m-hr { margin: .5rem !important; }
.m-1 { margin: 1rem !important; }
.m-2 { margin: 2rem !important; }
.m-3 { margin: 3rem !important; }
.m-4 { margin: 4rem !important; }
.m-5 { margin: 5rem !important; }
.m-6 { margin: 6rem !important; }
.m-7{ margin: 7rem !important; }
.m-8{ margin: 8rem !important; }

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

.mx-hr {
  margin-left: .5rem !important;
  margin-right: .5rem !important;
}

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mx-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-7 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx-8 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

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

.my-hr {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mt-0 { margin-top: 0 !important; }
.mt-hr { margin-top: .5rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mt-4 { margin-top: 4rem !important; }
.mt-5 { margin-top: 5rem !important; }
.mt-6 { margin-top: 6rem !important; }
.mt-7 { margin-top: 7rem !important; }
.mt-8 { margin-top: 8rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-hr { margin-right: .5rem !important; }
.mr-1 { margin-right: 1rem !important; }
.mr-2 { margin-right: 2rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mr-4 { margin-right: 4rem !important; }
.mr-5 { margin-right: 5rem !important; }
.mr-6 { margin-right: 6rem !important; }
.mr-7 { margin-right: 7rem !important; }
.mr-8 { margin-right: 8rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-hr { margin-left: .5rem !important; }
.ml-1 { margin-left: 1rem !important; }
.ml-2 { margin-left: 2rem !important; }
.ml-3 { margin-left: 3rem !important; }
.ml-4 { margin-left: 4rem !important; }
.ml-5 { margin-left: 5rem !important; }
.ml-6 { margin-left: 6rem !important; }
.ml-7 { margin-left: 7rem !important; }
.ml-8 { margin-left: 8rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-hr { margin-bottom: .5rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.mb-4 { margin-bottom: 4rem !important; }
.mb-5 { margin-bottom: 5rem !important; }
.mb-6 { margin-bottom: 6rem !important; }
.mb-7 { margin-bottom: 7rem !important; }
.mb-8 { margin-bottom: 8rem !important; }

/* PADDING HELLPERS */
.p-0 { padding: 0 !important; }
.p-hr { padding: .5rem !important; }
.p-1 { padding: 1rem !important; }
.p-2 { padding: 2rem !important; }
.p-3 { padding: 3rem !important; }
.p-4 { padding: 4rem !important; }
.p-5 { padding: 5rem !important; }
.p-6 { padding: 6rem !important; }
.p-7 { padding: 7rem !important; }
.p-8 { padding: 8rem !important; }

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

.px-hr {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.px-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

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

.py-hr {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.pt-0 { padding-top: 0 !important; }
.pt-hr { padding-top: .5rem !important; }
.pt-1 { padding-top: 1rem !important; }
.pt-2 { padding-top: 2rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pt-5 { padding-top: 5rem !important; }
.pt-6 { padding-top: 6rem !important; }
.pt-7 { padding-top: 7rem !important; }
.pt-8 { padding-top: 8rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-hr { padding-right: .5rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pr-2 { padding-right: 2rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pr-4 { padding-right: 4rem !important; }
.pr-5 { padding-right: 5rem !important; }
.pr-6 { padding-right: 6rem !important; }
.pr-7 { padding-right: 7rem !important; }
.pr-8 { padding-right: 8rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-hr { padding-left: .5rem !important; }
.pl-1 { padding-left: 1rem !important; }
.pl-2 { padding-left: 2rem !important; }
.pl-3 { padding-left: 3rem !important; }
.pl-4 { padding-left: 4rem !important; }
.pl-5 { padding-left: 5rem !important; }
.pl-6 { padding-left: 6rem !important; }
.pl-7 { padding-left: 7rem !important; }
.pl-8 { padding-left: 8rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-hr {padding-bottom: .5rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pb-5 { padding-bottom: 5rem !important; }
.pb-6 { padding-bottom: 6rem !important; }
.pb-7 { padding-bottom: 7rem !important; }
.pb-8 { padding-bottom: 8rem !important; }

@media (min-width: $medium) {
  /* MEDIUM MARGIN HELLPERS */
  .md-m-0 { margin: 0 !important; }
  .md-m-hr { margin: .5rem !important; }
  .md-m-1 { margin: 1rem !important; }
  .md-m-2 { margin: 2rem !important; }
  .md-m-3 { margin: 3rem !important; }
  .md-m-4 { margin: 4rem !important; }
  .md-m-5 { margin: 5rem !important; }
  .md-m-6 { margin: 6rem !important; }
  .md-m-7 { margin: 7rem !important; }
  .md-m-8 { margin: 8rem !important; }

  .md-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .md-mx-hr {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .md-mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .md-mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .md-mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .md-mx-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .md-mx-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .md-mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .md-mx-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .md-mx-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .md-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .md-my-hr {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .md-my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .md-my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .md-my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .md-my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .md-my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .md-my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .md-my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .md-my-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .md-mt-0 { margin-top: 0 !important; }
  .md-mt-hr { margin-top: .5rem !important; }
  .md-mt-1 { margin-top: 1rem !important; }
  .md-mt-2 { margin-top: 2rem !important; }
  .md-mt-3 { margin-top: 3rem !important; }
  .md-mt-4 { margin-top: 4rem !important; }
  .md-mt-5 { margin-top: 5rem !important; }
  .md-mt-6 { margin-top: 6rem !important; }
  .md-mt-7 { margin-top: 7rem !important; }
  .md-mt-8 { margin-top: 8rem !important; }

  .md-mr-0 { margin-right: 0 !important; }
  .md-mr-hr { margin-right: .5rem !important; }
  .md-mr-1 { margin-right: 1rem !important; }
  .md-mr-2 { margin-right: 2rem !important; }
  .md-mr-3 { margin-right: 3rem !important; }
  .md-mr-4 { margin-right: 4rem !important; }
  .md-mr-5 { margin-right: 5rem !important; }
  .md-mr-6 { margin-right: 6rem !important; }
  .md-mr-7 { margin-right: 7rem !important; }
  .md-mr-8 { margin-right: 8rem !important; }

  .md-ml-0 { margin-left: 0 !important; }
  .md-ml-hr { margin-left: .5rem !important; }
  .md-ml-1 { margin-left: 1rem !important; }
  .md-ml-2 { margin-left: 2rem !important; }
  .md-ml-3 { margin-left: 3rem !important; }
  .md-ml-4 { margin-left: 4rem !important; }
  .md-ml-5 { margin-left: 5rem !important; }
  .md-ml-6 { margin-left: 6rem !important; }
  .md-ml-7 { margin-left: 7rem !important; }
  .md-ml-8 { margin-left: 8rem !important; }

  .md-mb-0 { margin-bottom: 0 !important; }
  .md-mb-hr { margin-bottom: .5rem !important; }
  .md-mb-1 { margin-bottom: 1rem !important; }
  .md-mb-2 { margin-bottom: 2rem !important; }
  .md-mb-3 { margin-bottom: 3rem !important; }
  .md-mb-4 { margin-bottom: 4rem !important; }
  .md-mb-5 { margin-bottom: 5rem !important; }
  .md-mb-6 { margin-bottom: 6rem !important; }
  .md-mb-7 { margin-bottom: 7rem !important; }
  .md-mb-8 { margin-bottom: 8rem !important; }

  /* MEDIUM PADDING HELLPERS */
  .md-p-0 { padding: 0 !important; }
  .md-p-hr { padding: .5rem !important; }
  .md-p-1 { padding: 1rem !important; }
  .md-p-2 { padding: 2rem !important; }
  .md-p-3 { padding: 3rem !important; }
  .md-p-4 { padding: 4rem !important; }
  .md-p-5 { padding: 5rem !important; }
  .md-p-6 { padding: 6rem !important; }
  .md-p-7 { padding: 7rem !important; }
  .md-p-8 { padding: 8rem !important; }

  .md-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .md-px-hr {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .md-px-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .md-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .md-px-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .md-px-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .md-px-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .md-px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .md-px-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .md-px-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .md-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .md-py-hr {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .md-py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .md-py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .md-py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .md-py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .md-py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .md-py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .md-py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .md-py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .md-pt-0 { padding-top: 0 !important; }
  .md-pt-hr { padding-top: .5rem !important; }
  .md-pt-1 { padding-top: 1rem !important; }
  .md-pt-2 { padding-top: 2rem !important; }
  .md-pt-3 { padding-top: 3rem !important; }
  .md-pt-4 { padding-top: 4rem !important; }
  .md-pt-5 { padding-top: 5rem !important; }
  .md-pt-6 { padding-top: 6rem !important; }
  .md-pt-7 { padding-top: 7rem !important; }
  .md-pt-8 { padding-top: 8rem !important; }

  .md-pr-0 { padding-right: 0 !important; }
  .md-pr-hr { padding-right: .5rem !important; }
  .md-pr-1 { padding-right: 1rem !important; }
  .md-pr-2 { padding-right: 2rem !important; }
  .md-pr-3 { padding-right: 3rem !important; }
  .md-pr-4 { padding-right: 4rem !important; }
  .md-pr-5 { padding-right: 5rem !important; }
  .md-pr-6 { padding-right: 6rem !important; }
  .md-pr-7 { padding-right: 7rem !important; }
  .md-pr-8 { padding-right: 8rem !important; }

  .md-pl-0 { padding-left: 0 !important; }
  .md-pl-hr { padding-left: .5rem !important; }
  .md-pl-1 { padding-left: 1rem !important; }
  .md-pl-2 { padding-left: 2rem !important; }
  .md-pl-3 { padding-left: 3rem !important; }
  .md-pl-4 { padding-left: 4rem !important; }
  .md-pl-5 { padding-left: 5rem !important; }
  .md-pl-6 { padding-left: 6rem !important; }
  .md-pl-7 { padding-left: 7rem !important; }
  .md-pl-8 { padding-left: 8rem !important; }

  .md-pb-0 { padding-bottom: 0 !important; }
  .md-pb-hr {padding-bottom: .5rem !important; }
  .md-pb-1 { padding-bottom: 1rem !important; }
  .md-pb-2 { padding-bottom: 2rem !important; }
  .md-pb-3 { padding-bottom: 3rem !important; }
  .md-pb-4 { padding-bottom: 4rem !important; }
  .md-pb-5 { padding-bottom: 5rem !important; }
  .md-pb-6 { padding-bottom: 6rem !important; }
  .md-pb-7 { padding-bottom: 7rem !important; }
  .md-pb-8 { padding-bottom: 8rem !important; }
}

@media (min-width: $large) {
  /* LARGE MARGIN HELLPERS */
  .lg-m-0 { margin: 0 !important; }
  .lg-m-hr { margin: .5rem !important; }
  .lg-m-1 { margin: 1rem !important; }
  .lg-m-2 { margin: 2rem !important; }
  .lg-m-3 { margin: 3rem !important; }
  .lg-m-4 { margin: 4rem !important; }
  .lg-m-5 { margin: 5rem !important; }
  .lg-m-6 { margin: 6rem !important; }
  .lg-m-7{ margin: 7rem !important; }
  .lg-m-8{ margin: 8rem !important; }

  .lg-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .lg-mx-hr {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .lg-mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .lg-mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .lg-mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .lg-mx-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .lg-mx-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .lg-mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .lg-mx-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .lg-mx-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .lg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .lg-my-hr {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .lg-my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .lg-my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .lg-my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .lg-my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .lg-my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .lg-my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .lg-my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .lg-my-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .lg-mt-0 { margin-top: 0 !important; }
  .lg-mt-hr { margin-top: .5rem !important; }
  .lg-mt-1 { margin-top: 1rem !important; }
  .lg-mt-2 { margin-top: 2rem !important; }
  .lg-mt-3 { margin-top: 3rem !important; }
  .lg-mt-4 { margin-top: 4rem !important; }
  .lg-mt-5 { margin-top: 5rem !important; }
  .lg-mt-6 { margin-top: 6rem !important; }
  .lg-mt-7 { margin-top: 7rem !important; }
  .lg-mt-8 { margin-top: 8rem !important; }

  .lg-mr-0 { margin-right: 0 !important; }
  .lg-mr-hr { margin-right: .5rem !important; }
  .lg-mr-1 { margin-right: 1rem !important; }
  .lg-mr-2 { margin-right: 2rem !important; }
  .lg-mr-3 { margin-right: 3rem !important; }
  .lg-mr-4 { margin-right: 4rem !important; }
  .lg-mr-5 { margin-right: 5rem !important; }
  .lg-mr-6 { margin-right: 6rem !important; }
  .lg-mr-7 { margin-right: 7rem !important; }
  .lg-mr-8 { margin-right: 8rem !important; }

  .lg-ml-0 { margin-left: 0 !important; }
  .lg-ml-hr { margin-left: .5rem !important; }
  .lg-ml-1 { margin-left: 1rem !important; }
  .lg-ml-2 { margin-left: 2rem !important; }
  .lg-ml-3 { margin-left: 3rem !important; }
  .lg-ml-4 { margin-left: 4rem !important; }
  .lg-ml-5 { margin-left: 5rem !important; }
  .lg-ml-6 { margin-left: 6rem !important; }
  .lg-ml-7 { margin-left: 7rem !important; }
  .lg-ml-8 { margin-left: 8rem !important; }

  .lg-mb-0 { margin-bottom: 0 !important; }
  .lg-mb-hr { margin-bottom: .5rem !important; }
  .lg-mb-1 { margin-bottom: 1rem !important; }
  .lg-mb-2 { margin-bottom: 2rem !important; }
  .lg-mb-3 { margin-bottom: 3rem !important; }
  .lg-mb-4 { margin-bottom: 4rem !important; }
  .lg-mb-5 { margin-bottom: 5rem !important; }
  .lg-mb-6 { margin-bottom: 6rem !important; }
  .lg-mb-7 { margin-bottom: 7rem !important; }
  .lg-mb-8 { margin-bottom: 8rem !important; }

  /* LARGE PADDING HELLPERS */
  .lg-p-0 { padding: 0 !important; }
  .lg-p-hr { padding: .5rem !important; }
  .lg-p-1 { padding: 1rem !important; }
  .lg-p-2 { padding: 2rem !important; }
  .lg-p-3 { padding: 3rem !important; }
  .lg-p-4 { padding: 4rem !important; }
  .lg-p-5 { padding: 5rem !important; }
  .lg-p-6 { padding: 6rem !important; }
  .lg-p-7 { padding: 7rem !important; }
  .lg-p-8 { padding: 8rem !important; }

  .lg-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lg-px-hr {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .lg-px-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lg-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lg-px-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .lg-px-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .lg-px-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .lg-px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .lg-px-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .lg-px-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .lg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .lg-py-hr {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .lg-py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg-py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .lg-py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .lg-py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .lg-py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .lg-py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .lg-py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .lg-py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .lg-pt-0 { padding-top: 0 !important; }
  .lg-pt-hr { padding-top: .5rem !important; }
  .lg-pt-1 { padding-top: 1rem !important; }
  .lg-pt-2 { padding-top: 2rem !important; }
  .lg-pt-3 { padding-top: 3rem !important; }
  .lg-pt-4 { padding-top: 4rem !important; }
  .lg-pt-5 { padding-top: 5rem !important; }
  .lg-pt-6 { padding-top: 6rem !important; }
  .lg-pt-7 { padding-top: 7rem !important; }
  .lg-pt-8 { padding-top: 8rem !important; }

  .lg-pr-0 { padding-right: 0 !important; }
  .lg-pr-hr { padding-right: .5rem !important; }
  .lg-pr-1 { padding-right: 1rem !important; }
  .lg-pr-2 { padding-right: 2rem !important; }
  .lg-pr-3 { padding-right: 3rem !important; }
  .lg-pr-4 { padding-right: 4rem !important; }
  .lg-pr-5 { padding-right: 5rem !important; }
  .lg-pr-6 { padding-right: 6rem !important; }
  .lg-pr-7 { padding-right: 7rem !important; }
  .lg-pr-8 { padding-right: 8rem !important; }

  .lg-pl-0 { padding-left: 0 !important; }
  .lg-pl-hr { padding-left: .5rem !important; }
  .lg-pl-1 { padding-left: 1rem !important; }
  .lg-pl-2 { padding-left: 2rem !important; }
  .lg-pl-3 { padding-left: 3rem !important; }
  .lg-pl-4 { padding-left: 4rem !important; }
  .lg-pl-5 { padding-left: 5rem !important; }
  .lg-pl-6 { padding-left: 6rem !important; }
  .lg-pl-7 { padding-left: 7rem !important; }
  .lg-pl-8 { padding-left: 8rem !important; }

  .lg-pb-0 { padding-bottom: 0 !important; }
  .lg-pb-hr {padding-bottom: .5rem !important; }
  .lg-pb-1 { padding-bottom: 1rem !important; }
  .lg-pb-2 { padding-bottom: 2rem !important; }
  .lg-pb-3 { padding-bottom: 3rem !important; }
  .lg-pb-4 { padding-bottom: 4rem !important; }
  .lg-pb-5 { padding-bottom: 5rem !important; }
  .lg-pb-6 { padding-bottom: 6rem !important; }
  .lg-pb-7 { padding-bottom: 7rem !important; }
  .lg-pb-8 { padding-bottom: 8rem !important; }
}

@media (min-width: $xlarge) {
  /* XLARGE MARGIN HELLPERS */
  .xlg-m-0 { margin: 0 !important; }
  .xlg-m-hr { margin: .5rem !important; }
  .xlg-m-1 { margin: 1rem !important; }
  .xlg-m-2 { margin: 2rem !important; }
  .xlg-m-3 { margin: 3rem !important; }
  .xlg-m-4 { margin: 4rem !important; }
  .xlg-m-5 { margin: 5rem !important; }
  .xlg-m-6 { margin: 6rem !important; }
  .xlg-m-7{ margin: 7rem !important; }
  .xlg-m-8{ margin: 8rem !important; }

  .xlg-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xlg-mx-hr {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .xlg-mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xlg-mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xlg-mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xlg-mx-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xlg-mx-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xlg-mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xlg-mx-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .xlg-mx-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xlg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xlg-my-hr {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .xlg-my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xlg-my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xlg-my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xlg-my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xlg-my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xlg-my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xlg-my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .xlg-my-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xlg-mt-0 { margin-top: 0 !important; }
  .xlg-mt-hr { margin-top: .5rem !important; }
  .xlg-mt-1 { margin-top: 1rem !important; }
  .xlg-mt-2 { margin-top: 2rem !important; }
  .xlg-mt-3 { margin-top: 3rem !important; }
  .xlg-mt-4 { margin-top: 4rem !important; }
  .xlg-mt-5 { margin-top: 5rem !important; }
  .xlg-mt-6 { margin-top: 6rem !important; }
  .xlg-mt-7 { margin-top: 7rem !important; }
  .xlg-mt-8 { margin-top: 8rem !important; }

  .xlg-mr-0 { margin-right: 0 !important; }
  .xlg-mr-hr { margin-right: .5rem !important; }
  .xlg-mr-1 { margin-right: 1rem !important; }
  .xlg-mr-2 { margin-right: 2rem !important; }
  .xlg-mr-3 { margin-right: 3rem !important; }
  .xlg-mr-4 { margin-right: 4rem !important; }
  .xlg-mr-5 { margin-right: 5rem !important; }
  .xlg-mr-6 { margin-right: 6rem !important; }
  .xlg-mr-7 { margin-right: 7rem !important; }
  .xlg-mr-8 { margin-right: 8rem !important; }

  .xlg-ml-0 { margin-left: 0 !important; }
  .xlg-ml-hr { margin-left: .5rem !important; }
  .xlg-ml-1 { margin-left: 1rem !important; }
  .xlg-ml-2 { margin-left: 2rem !important; }
  .xlg-ml-3 { margin-left: 3rem !important; }
  .xlg-ml-4 { margin-left: 4rem !important; }
  .xlg-ml-5 { margin-left: 5rem !important; }
  .xlg-ml-6 { margin-left: 6rem !important; }
  .xlg-ml-7 { margin-left: 7rem !important; }
  .xlg-ml-8 { margin-left: 8rem !important; }

  .xlg-mb-0 { margin-bottom: 0 !important; }
  .xlg-mb-hr { margin-bottom: .5rem !important; }
  .xlg-mb-1 { margin-bottom: 1rem !important; }
  .xlg-mb-2 { margin-bottom: 2rem !important; }
  .xlg-mb-3 { margin-bottom: 3rem !important; }
  .xlg-mb-4 { margin-bottom: 4rem !important; }
  .xlg-mb-5 { margin-bottom: 5rem !important; }
  .xlg-mb-6 { margin-bottom: 6rem !important; }
  .xlg-mb-7 { margin-bottom: 7rem !important; }
  .xlg-mb-8 { margin-bottom: 8rem !important; }

  /* XLARGE PADDING HELLPERS */
  .xlg-p-0 { padding: 0 !important; }
  .xlg-p-hr { padding: .5rem !important; }
  .xlg-p-1 { padding: 1rem !important; }
  .xlg-p-2 { padding: 2rem !important; }
  .xlg-p-3 { padding: 3rem !important; }
  .xlg-p-4 { padding: 4rem !important; }
  .xlg-p-5 { padding: 5rem !important; }
  .xlg-p-6 { padding: 6rem !important; }
  .xlg-p-7 { padding: 7rem !important; }
  .xlg-p-8 { padding: 8rem !important; }

  .xlg-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xlg-px-hr {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .xlg-px-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xlg-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xlg-px-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xlg-px-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xlg-px-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xlg-px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xlg-px-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .xlg-px-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xlg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xlg-py-hr {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .xlg-py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xlg-py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xlg-py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xlg-py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xlg-py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xlg-py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xlg-py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xlg-py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xlg-pt-0 { padding-top: 0 !important; }
  .xlg-pt-hr { padding-top: .5rem !important; }
  .xlg-pt-1 { padding-top: 1rem !important; }
  .xlg-pt-2 { padding-top: 2rem !important; }
  .xlg-pt-3 { padding-top: 3rem !important; }
  .xlg-pt-4 { padding-top: 4rem !important; }
  .xlg-pt-5 { padding-top: 5rem !important; }
  .xlg-pt-6 { padding-top: 6rem !important; }
  .xlg-pt-7 { padding-top: 7rem !important; }
  .xlg-pt-8 { padding-top: 8rem !important; }

  .xlg-pr-0 { padding-right: 0 !important; }
  .xlg-pr-hr { padding-right: .5rem !important; }
  .xlg-pr-1 { padding-right: 1rem !important; }
  .xlg-pr-2 { padding-right: 2rem !important; }
  .xlg-pr-3 { padding-right: 3rem !important; }
  .xlg-pr-4 { padding-right: 4rem !important; }
  .xlg-pr-5 { padding-right: 5rem !important; }
  .xlg-pr-6 { padding-right: 6rem !important; }
  .xlg-pr-7 { padding-right: 7rem !important; }
  .xlg-pr-8 { padding-right: 8rem !important; }

  .xlg-pl-0 { padding-left: 0 !important; }
  .xlg-pl-hr { padding-left: .5rem !important; }
  .xlg-pl-1 { padding-left: 1rem !important; }
  .xlg-pl-2 { padding-left: 2rem !important; }
  .xlg-pl-3 { padding-left: 3rem !important; }
  .xlg-pl-4 { padding-left: 4rem !important; }
  .xlg-pl-5 { padding-left: 5rem !important; }
  .xlg-pl-6 { padding-left: 6rem !important; }
  .xlg-pl-7 { padding-left: 7rem !important; }
  .xlg-pl-8 { padding-left: 8rem !important; }

  .xlg-pb-0 { padding-bottom: 0 !important; }
  .xlg-pb-hr {padding-bottom: .5rem !important; }
  .xlg-pb-1 { padding-bottom: 1rem !important; }
  .xlg-pb-2 { padding-bottom: 2rem !important; }
  .xlg-pb-3 { padding-bottom: 3rem !important; }
  .xlg-pb-4 { padding-bottom: 4rem !important; }
  .xlg-pb-5 { padding-bottom: 5rem !important; }
  .xlg-pb-6 { padding-bottom: 6rem !important; }
  .xlg-pb-7 { padding-bottom: 7rem !important; }
  .xlg-pb-8 { padding-bottom: 8rem !important; }
}

@media (min-width: $xxlarge) {
  /* XXLARGE MARGIN HELLPERS */
  .xxlg-m-0 { margin: 0 !important; }
  .xxlg-m-hr { margin: .5rem !important; }
  .xxlg-m-1 { margin: 1rem !important; }
  .xxlg-m-2 { margin: 2rem !important; }
  .xxlg-m-3 { margin: 3rem !important; }
  .xxlg-m-4 { margin: 4rem !important; }
  .xxlg-m-5 { margin: 5rem !important; }
  .xxlg-m-6 { margin: 6rem !important; }
  .xxlg-m-7{ margin: 7rem !important; }
  .xxlg-m-8{ margin: 8rem !important; }

  .xxlg-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xxlg-mx-hr {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }

  .xxlg-mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xxlg-mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xxlg-mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xxlg-mx-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xxlg-mx-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xxlg-mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xxlg-mx-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .xxlg-mx-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xxlg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xxlg-my-hr {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .xxlg-my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xxlg-my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xxlg-my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xxlg-my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xxlg-my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xxlg-my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xxlg-my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .xxlg-my-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xxlg-mt-0 { margin-top: 0 !important; }
  .xxlg-mt-hr { margin-top: .5rem !important; }
  .xxlg-mt-1 { margin-top: 1rem !important; }
  .xxlg-mt-2 { margin-top: 2rem !important; }
  .xxlg-mt-3 { margin-top: 3rem !important; }
  .xxlg-mt-4 { margin-top: 4rem !important; }
  .xxlg-mt-5 { margin-top: 5rem !important; }
  .xxlg-mt-6 { margin-top: 6rem !important; }
  .xxlg-mt-7 { margin-top: 7rem !important; }
  .xxlg-mt-8 { margin-top: 8rem !important; }

  .xxlg-mr-0 { margin-right: 0 !important; }
  .xxlg-mr-hr { margin-right: .5rem !important; }
  .xxlg-mr-1 { margin-right: 1rem !important; }
  .xxlg-mr-2 { margin-right: 2rem !important; }
  .xxlg-mr-3 { margin-right: 3rem !important; }
  .xxlg-mr-4 { margin-right: 4rem !important; }
  .xxlg-mr-5 { margin-right: 5rem !important; }
  .xxlg-mr-6 { margin-right: 6rem !important; }
  .xxlg-mr-7 { margin-right: 7rem !important; }
  .xxlg-mr-8 { margin-right: 8rem !important; }

  .xxlg-ml-0 { margin-left: 0 !important; }
  .xxlg-ml-hr { margin-left: .5rem !important; }
  .xxlg-ml-1 { margin-left: 1rem !important; }
  .xxlg-ml-2 { margin-left: 2rem !important; }
  .xxlg-ml-3 { margin-left: 3rem !important; }
  .xxlg-ml-4 { margin-left: 4rem !important; }
  .xxlg-ml-5 { margin-left: 5rem !important; }
  .xxlg-ml-6 { margin-left: 6rem !important; }
  .xxlg-ml-7 { margin-left: 7rem !important; }
  .xxlg-ml-8 { margin-left: 8rem !important; }

  .xxlg-mb-0 { margin-bottom: 0 !important; }
  .xxlg-mb-hr { margin-bottom: .5rem !important; }
  .xxlg-mb-1 { margin-bottom: 1rem !important; }
  .xxlg-mb-2 { margin-bottom: 2rem !important; }
  .xxlg-mb-3 { margin-bottom: 3rem !important; }
  .xxlg-mb-4 { margin-bottom: 4rem !important; }
  .xxlg-mb-5 { margin-bottom: 5rem !important; }
  .xxlg-mb-6 { margin-bottom: 6rem !important; }
  .xxlg-mb-7 { margin-bottom: 7rem !important; }
  .xxlg-mb-8 { margin-bottom: 8rem !important; }

  /* XXLARGE PADDING HELLPERS */
  .xxlg-p-0 { padding: 0 !important; }
  .xxlg-p-hr { padding: .5rem !important; }
  .xxlg-p-1 { padding: 1rem !important; }
  .xxlg-p-2 { padding: 2rem !important; }
  .xxlg-p-3 { padding: 3rem !important; }
  .xxlg-p-4 { padding: 4rem !important; }
  .xxlg-p-5 { padding: 5rem !important; }
  .xxlg-p-6 { padding: 6rem !important; }
  .xxlg-p-7 { padding: 7rem !important; }
  .xxlg-p-8 { padding: 8rem !important; }

  .xxlg-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xxlg-px-hr {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .xxlg-px-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xxlg-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xxlg-px-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xxlg-px-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xxlg-px-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xxlg-px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xxlg-px-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .xxlg-px-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xxlg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xxlg-py-hr {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }

  .xxlg-py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xxlg-py-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xxlg-py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xxlg-py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xxlg-py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xxlg-py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xxlg-py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xxlg-py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xxlg-pt-0 { padding-top: 0 !important; }
  .xxlg-pt-hr { padding-top: .5rem !important; }
  .xxlg-pt-1 { padding-top: 1rem !important; }
  .xxlg-pt-2 { padding-top: 2rem !important; }
  .xxlg-pt-3 { padding-top: 3rem !important; }
  .xxlg-pt-4 { padding-top: 4rem !important; }
  .xxlg-pt-5 { padding-top: 5rem !important; }
  .xxlg-pt-6 { padding-top: 6rem !important; }
  .xxlg-pt-7 { padding-top: 7rem !important; }
  .xxlg-pt-8 { padding-top: 8rem !important; }

  .xxlg-pr-0 { padding-right: 0 !important; }
  .xxlg-pr-hr { padding-right: .5rem !important; }
  .xxlg-pr-1 { padding-right: 1rem !important; }
  .xxlg-pr-2 { padding-right: 2rem !important; }
  .xxlg-pr-3 { padding-right: 3rem !important; }
  .xxlg-pr-4 { padding-right: 4rem !important; }
  .xxlg-pr-5 { padding-right: 5rem !important; }
  .xxlg-pr-6 { padding-right: 6rem !important; }
  .xxlg-pr-7 { padding-right: 7rem !important; }
  .xxlg-pr-8 { padding-right: 8rem !important; }

  .xxlg-pl-0 { padding-left: 0 !important; }
  .xxlg-pl-hr { padding-left: .5rem !important; }
  .xxlg-pl-1 { padding-left: 1rem !important; }
  .xxlg-pl-2 { padding-left: 2rem !important; }
  .xxlg-pl-3 { padding-left: 3rem !important; }
  .xxlg-pl-4 { padding-left: 4rem !important; }
  .xxlg-pl-5 { padding-left: 5rem !important; }
  .xxlg-pl-6 { padding-left: 6rem !important; }
  .xxlg-pl-7 { padding-left: 7rem !important; }
  .xxlg-pl-8 { padding-left: 8rem !important; }

  .xxlg-pb-0 { padding-bottom: 0 !important; }
  .xxlg-pb-hr {padding-bottom: .5rem !important; }
  .xxlg-pb-1 { padding-bottom: 1rem !important; }
  .xxlg-pb-2 { padding-bottom: 2rem !important; }
  .xxlg-pb-3 { padding-bottom: 3rem !important; }
  .xxlg-pb-4 { padding-bottom: 4rem !important; }
  .xxlg-pb-5 { padding-bottom: 5rem !important; }
  .xxlg-pb-6 { padding-bottom: 6rem !important; }
  .xxlg-pb-7 { padding-bottom: 7rem !important; }
  .xxlg-pb-8 { padding-bottom: 8rem !important; }
}