.container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.container:not(.fullwidth) {
  padding-inline-start: 2rem;
  padding-inline-end: 2rem;
}
.container .row {
  display: flex;
  flex-direction: column;
  width: 102%;
  position: relative;
  margin-inline-start: -1%;
  margin-inline-end: -1%;
}
.container .row:last-child > div {
  margin-block-start: 0;
}
.container .row.centered {
  justify-content: center;
}
.container .row:not(.no-padding), .container .row:not(.margged) {
  width: 100%;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.container .row:after {
  content: "";
  display: table;
  clear: both;
}
.container .row.auto > div {
  width: 98%;
}
.container .row:not(.no-padding).medium-half > *:not(.self), .container .row:not(.no-padding).medium-third > *:not(.self), .container .row:not(.no-padding).medium-fourth > *:not(.self), .container .row:not(.no-padding).large-half > *:not(.self), .container .row:not(.no-padding).large-third > *:not(.self), .container .row:not(.no-padding).large-fourth > *:not(.self), .container .row:not(.no-padding).large-fifth > *:not(.self), .container .row:not(.no-padding).extra-large-half > *:not(.self), .container .row:not(.no-padding).extra-large-third > *:not(.self), .container .row:not(.no-padding).extra-large-fourth > *:not(.self), .container .row:not(.no-padding).extra-large-fifth > *:not(.self), .container .row:not(.no-padding).extra-large-sixth > *:not(.self),
.container .row:not(.no-padding) [class^=medium-],
.container .row:not(.no-padding) [class^=large-],
.container .row:not(.no-padding) [class^=extra-large-] {
  margin-inline-start: 1%;
  margin-inline-end: 1%;
}
.container .row.medium-half > *:not(.self), .container .row.medium-third > *:not(.self), .container .row.medium-fourth > *:not(.self), .container .row.large-half > *:not(.self), .container .row.large-third > *:not(.self), .container .row.large-fourth > *:not(.self), .container .row.large-fifth > *:not(.self), .container .row.extra-large-half > *:not(.self), .container .row.extra-large-third > *:not(.self), .container .row.extra-large-fourth > *:not(.self), .container .row.extra-large-fifth > *:not(.self), .container .row.extra-large-sixth > *:not(.self),
.container .row [class^=medium-],
.container .row [class^=large-],
.container .row [class^=extra-large-] {
  margin-block-start: 1.5%;
}
.container .row .medium-large-full {
  width: 98%;
}
.container .row .container {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
@media only screen and (min-width: 768px) {
  .container:not(.fullwidth) {
    padding-inline-start: 4rem;
    padding-inline-end: 4rem;
  }
  .container .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .container .row .medium-6 {
    width: 98%;
  }
  .container .row.medium-half > *:not(.self) {
    width: 48% !important;
  }
  .container .row.medium-third > *:not(.self) {
    width: 31.3333333333% !important;
  }
  .container .row.medium-fourth > *:not(.self) {
    width: 23% !important;
  }
  .container .row.no-padding .medium-1 {
    width: 16.6666666667%;
  }
  .container .row.no-padding .medium-2 {
    width: 33.3333333333%;
  }
  .container .row.no-padding .medium-3 {
    width: 50%;
  }
  .container .row.no-padding .medium-4 {
    width: 66.6666666667%;
  }
  .container .row.no-padding .medium-5 {
    width: 83.3333333333%;
  }
  .container .row .medium-1 {
    width: 14.6666666667%;
  }
  .container .row .medium-2 {
    width: 31.3333333333%;
  }
  .container .row .medium-3 {
    width: 48%;
  }
  .container .row .medium-4 {
    width: 64.6666666667%;
  }
  .container .row .medium-5 {
    width: 81.3333333333%;
  }
}
@media only screen and (min-width: 992px) {
  .container:not(.fullwidth) {
    padding-inline-start: 6rem;
    padding-inline-end: 6rem;
  }
  .container .row.large-half > *:not(.self) {
    width: 48% !important;
  }
  .container .row.large-third > *:not(.self) {
    width: 31.3333333333% !important;
  }
  .container .row.large-fourth > *:not(.self) {
    width: 23% !important;
  }
  .container .row.large-fifth > *:not(.self) {
    width: 18% !important;
  }
  .container .row.no-padding .large-1 {
    width: 10%;
  }
  .container .row.no-padding .large-2 {
    width: 20%;
  }
  .container .row.no-padding .large-3 {
    width: 30%;
  }
  .container .row.no-padding .large-4 {
    width: 40%;
  }
  .container .row.no-padding .large-5 {
    width: 50%;
  }
  .container .row.no-padding .large-6 {
    width: 60%;
  }
  .container .row.no-padding .large-7 {
    width: 70%;
  }
  .container .row.no-padding .large-8 {
    width: 80%;
  }
  .container .row.no-padding .large-9 {
    width: 90%;
  }
  .container .row .large-1 {
    width: 8%;
  }
  .container .row .large-2 {
    width: 18%;
  }
  .container .row .large-3 {
    width: 28%;
  }
  .container .row .large-4 {
    width: 38%;
  }
  .container .row .large-5 {
    width: 48%;
  }
  .container .row .large-6 {
    width: 58%;
  }
  .container .row .large-7 {
    width: 68%;
  }
  .container .row .large-8 {
    width: 78%;
  }
  .container .row .large-9 {
    width: 88%;
  }
}
@media only screen and (min-width: 1440px) {
  .container .row.extra-large-half > *:not(.self) {
    width: 48% !important;
  }
  .container .row.extra-large-third > *:not(.self) {
    width: 31.3333333333% !important;
  }
  .container .row.extra-large-fourth > *:not(.self) {
    width: 23% !important;
  }
  .container .row.extra-large-fifth > *:not(.self) {
    width: 18% !important;
  }
  .container .row.extra-large-sixth > *:not(.self) {
    width: 14.6666666667% !important;
  }
  .container .row.no-padding .extra-large-1 {
    width: 10%;
  }
  .container .row.no-padding .extra-large-2 {
    width: 20%;
  }
  .container .row.no-padding .extra-large-3 {
    width: 30%;
  }
  .container .row.no-padding .extra-large-4 {
    width: 40%;
  }
  .container .row.no-padding .extra-large-5 {
    width: 50%;
  }
  .container .row.no-padding .extra-large-6 {
    width: 60%;
  }
  .container .row.no-padding .extra-large-7 {
    width: 70%;
  }
  .container .row.no-padding .extra-large-8 {
    width: 80%;
  }
  .container .row.no-padding .extra-large-9 {
    width: 90%;
  }
  .container .row .extra-large-1 {
    width: 8%;
  }
  .container .row .extra-large-2 {
    width: 18%;
  }
  .container .row .extra-large-3 {
    width: 28%;
  }
  .container .row .extra-large-4 {
    width: 38%;
  }
  .container .row .extra-large-5 {
    width: 48%;
  }
  .container .row .extra-large-6 {
    width: 58%;
  }
  .container .row .extra-large-7 {
    width: 68%;
  }
  .container .row .extra-large-8 {
    width: 78%;
  }
  .container .row .extra-large-9 {
    width: 88%;
  }
}
@media only screen and (min-width: 1980px) {
  .container:not(.fullwidth) {
    max-width: 1980px;
    padding-inline-start: 8rem;
    padding-inline-end: 8rem;
  }
  .container .row {
    flex-wrap: wrap;
  }
}