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

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: 0.875rem;
  opacity: 0.7;
  margin-top: 6px;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
}

p {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: none;
}

.wp-site-blocks .block-widths {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--content-size);
}
.wp-site-blocks .block-widths.alignfull {
  max-width: 100%;
  width: 100%;
}
.wp-site-blocks .block-widths.alignwide {
  max-width: var(--wp--style--global--wide-size);
}

html,
body {
  background-color: #FFFFFF;
  color: #535455;
  font-size: 14px;
  line-height: 1.5;
}
@media (min-width: 782px) {
  html,
  body {
    font-size: 16px;
  }
}

.wp-block-heading {
  color: var(--wp--preset--color--primary);
}
.has-text-color .wp-block-heading {
  color: inherit;
}

.wrapper {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--content-size);
}

.wrapper-wide {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--content-size);
  max-width: var(--wp--style--global--wide-size);
}

.wrapper-narrow {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--content-size);
  max-width: 800px;
}

.wp-site-blocks *[data-animate=up] {
  opacity: 0;
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.wp-site-blocks *[data-animate=up].in-view {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

*[data-animate=up-slow] {
  opacity: 0;
  -webkit-transform: translate3d(0, 12px, 0);
          transform: translate3d(0, 12px, 0);
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 0.4s ease-in-out;
  transition: transform 1s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 1s ease-in-out;
}
*[data-animate=up-slow].in-view {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

*[data-animate=fade] {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
*[data-animate=fade].in-view {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 1;
}

*[data-animate=fade-slow] {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out !important;
  transition: opacity 1s ease-in-out !important;
}
*[data-animate=fade-slow].in-view {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 1;
}

*[data-animate=fade-delay] {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
*[data-animate=fade-delay].in-view {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
}

.js-anim,
.wp-block-image,
.wp-block-column,
.wp-block-group > p,
.wp-block-group > ul,
.wp-block-group > .wp-block-heading,
.wp-block-group > .wp-block-buttons,
.wp-block-media-text {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.8s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.8s ease-in-out, transform 0.5s ease-in-out;
  transition: opacity 0.8s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.js-anim.in-view,
.wp-block-image.in-view,
.wp-block-column.in-view,
.wp-block-group > p.in-view,
.wp-block-group > ul.in-view,
.wp-block-group > .wp-block-heading.in-view,
.wp-block-group > .wp-block-buttons.in-view,
.wp-block-media-text.in-view {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.gutenberg-blocks .wp-block-cover .wp-block-cover__inner-container {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.gutenberg-blocks .wp-block-cover.in-view .wp-block-cover__inner-container {
  opacity: 1;
}

.d-block {
  display: block !important;
}

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

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

@media (min-width: 544px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 782px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1012px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1352px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
}
.v-hidden {
  visibility: hidden !important;
}

.v-visible {
  visibility: visible !important;
}

@media (max-width: 544px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 544px) and (max-width: 782px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 782px) and (max-width: 1012px) {
  .hide-lg {
    display: none !important;
  }
}
@media (min-width: 1012px) {
  .hide-xl {
    display: none !important;
  }
}
/* Set the table-layout to fixed */
.table-fixed {
  table-layout: fixed !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  word-wrap: normal;
  border: 0;
}

.show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.show-on-focus:focus {
  z-index: 20;
  width: auto;
  height: auto;
  clip: auto;
}

/* Set a $size margin to all sides at $breakpoint */
.m-0 {
  margin: 0 !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-0 {
  margin-top: 0 !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-0 {
  margin-right: 0 !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 {
  margin-bottom: 0 !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-0 {
  margin-left: 0 !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-1 {
  margin: 4px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-1 {
  margin-top: 4px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-1 {
  margin-right: 4px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 {
  margin-bottom: 4px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-1 {
  margin-left: 4px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 {
  margin-top: -4px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 {
  margin-right: -4px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 {
  margin-bottom: -4px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 {
  margin-left: -4px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-2 {
  margin: 8px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-2 {
  margin-top: 8px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-2 {
  margin-right: 8px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 {
  margin-bottom: 8px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-2 {
  margin-left: 8px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 {
  margin-top: -8px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 {
  margin-right: -8px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 {
  margin-bottom: -8px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 {
  margin-left: -8px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-3 {
  margin: 16px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-3 {
  margin-top: 16px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-3 {
  margin-right: 16px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 {
  margin-bottom: 16px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-3 {
  margin-left: 16px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 {
  margin-top: -16px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 {
  margin-right: -16px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 {
  margin-bottom: -16px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 {
  margin-left: -16px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-4 {
  margin: 24px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-4 {
  margin-top: 24px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-4 {
  margin-right: 24px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 {
  margin-bottom: 24px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-4 {
  margin-left: 24px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 {
  margin-top: -24px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 {
  margin-right: -24px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 {
  margin-bottom: -24px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 {
  margin-left: -24px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-5 {
  margin: 32px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-5 {
  margin-top: 32px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-5 {
  margin-right: 32px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 {
  margin-bottom: 32px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-5 {
  margin-left: 32px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 {
  margin-top: -32px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 {
  margin-right: -32px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 {
  margin-bottom: -32px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 {
  margin-left: -32px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-6 {
  margin: 48px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-6 {
  margin-top: 48px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-6 {
  margin-right: 48px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 {
  margin-bottom: 48px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-6 {
  margin-left: 48px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 {
  margin-top: -48px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 {
  margin-right: -48px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 {
  margin-bottom: -48px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 {
  margin-left: -48px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-7 {
  margin: 64px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-7 {
  margin-top: 64px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-7 {
  margin-right: 64px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-7 {
  margin-bottom: 64px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-7 {
  margin-left: 64px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n7 {
  margin-top: -64px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n7 {
  margin-right: -64px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n7 {
  margin-bottom: -64px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n7 {
  margin-left: -64px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-7 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-7 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-8 {
  margin: 80px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-8 {
  margin-top: 80px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-8 {
  margin-right: 80px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-8 {
  margin-bottom: 80px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-8 {
  margin-left: 80px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n8 {
  margin-top: -80px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n8 {
  margin-right: -80px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n8 {
  margin-bottom: -80px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n8 {
  margin-left: -80px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-8 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-8 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-9 {
  margin: 96px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-9 {
  margin-top: 96px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-9 {
  margin-right: 96px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-9 {
  margin-bottom: 96px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-9 {
  margin-left: 96px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n9 {
  margin-top: -96px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n9 {
  margin-right: -96px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n9 {
  margin-bottom: -96px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n9 {
  margin-left: -96px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-9 {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-9 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

/* responsive horizontal auto margins */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-6 {
    margin: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-6 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-6 {
    margin-right: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-6 {
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-6 {
    margin-left: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n6 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n6 {
    margin-right: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n6 {
    margin-bottom: -48px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n6 {
    margin-left: -48px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-7 {
    margin: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-7 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-7 {
    margin-right: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-7 {
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-7 {
    margin-left: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n7 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n7 {
    margin-right: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n7 {
    margin-bottom: -64px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n7 {
    margin-left: -64px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-7 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-7 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-8 {
    margin: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-8 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-8 {
    margin-right: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-8 {
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-8 {
    margin-left: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n8 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n8 {
    margin-right: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n8 {
    margin-bottom: -80px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n8 {
    margin-left: -80px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-8 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-9 {
    margin: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-9 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-9 {
    margin-right: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-9 {
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-9 {
    margin-left: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n9 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n9 {
    margin-right: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n9 {
    margin-bottom: -96px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n9 {
    margin-left: -96px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-9 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-9 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* responsive horizontal auto margins */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 782px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-6 {
    margin: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-6 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-6 {
    margin-right: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-6 {
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-6 {
    margin-left: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n6 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n6 {
    margin-right: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n6 {
    margin-bottom: -48px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n6 {
    margin-left: -48px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-7 {
    margin: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-7 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-7 {
    margin-right: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-7 {
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-7 {
    margin-left: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n7 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n7 {
    margin-right: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n7 {
    margin-bottom: -64px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n7 {
    margin-left: -64px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-7 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-7 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-8 {
    margin: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-8 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-8 {
    margin-right: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-8 {
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-8 {
    margin-left: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n8 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n8 {
    margin-right: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n8 {
    margin-bottom: -80px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n8 {
    margin-left: -80px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-8 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-9 {
    margin: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-9 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-9 {
    margin-right: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-9 {
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-9 {
    margin-left: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n9 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n9 {
    margin-right: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n9 {
    margin-bottom: -96px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n9 {
    margin-left: -96px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-9 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-9 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* responsive horizontal auto margins */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-6 {
    margin: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-6 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-6 {
    margin-right: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-6 {
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-6 {
    margin-left: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n6 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n6 {
    margin-right: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n6 {
    margin-bottom: -48px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n6 {
    margin-left: -48px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-7 {
    margin: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-7 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-7 {
    margin-right: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-7 {
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-7 {
    margin-left: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n7 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n7 {
    margin-right: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n7 {
    margin-bottom: -64px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n7 {
    margin-left: -64px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-7 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-7 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-8 {
    margin: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-8 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-8 {
    margin-right: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-8 {
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-8 {
    margin-left: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n8 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n8 {
    margin-right: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n8 {
    margin-bottom: -80px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n8 {
    margin-left: -80px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-8 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-9 {
    margin: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-9 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-9 {
    margin-right: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-9 {
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-9 {
    margin-left: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n9 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n9 {
    margin-right: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n9 {
    margin-bottom: -96px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n9 {
    margin-left: -96px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-9 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-9 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* responsive horizontal auto margins */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1352px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-6 {
    margin: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-6 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-6 {
    margin-right: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-6 {
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-6 {
    margin-left: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n6 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n6 {
    margin-right: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n6 {
    margin-bottom: -48px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n6 {
    margin-left: -48px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-7 {
    margin: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-7 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-7 {
    margin-right: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-7 {
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-7 {
    margin-left: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n7 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n7 {
    margin-right: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n7 {
    margin-bottom: -64px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n7 {
    margin-left: -64px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-7 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-7 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-8 {
    margin: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-8 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-8 {
    margin-right: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-8 {
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-8 {
    margin-left: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n8 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n8 {
    margin-right: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n8 {
    margin-bottom: -80px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n8 {
    margin-left: -80px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-8 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-8 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-9 {
    margin: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-9 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-9 {
    margin-right: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-9 {
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-9 {
    margin-left: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n9 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n9 {
    margin-right: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n9 {
    margin-bottom: -96px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n9 {
    margin-left: -96px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-9 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-9 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* responsive horizontal auto margins */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
/* Set a $size padding to all sides at $breakpoint */
.p-0 {
  padding: 0 !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-0 {
  padding-top: 0 !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-0 {
  padding-right: 0 !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 {
  padding-bottom: 0 !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-0 {
  padding-left: 0 !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-1 {
  padding: 4px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-1 {
  padding-top: 4px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-1 {
  padding-right: 4px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 {
  padding-bottom: 4px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-1 {
  padding-left: 4px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-2 {
  padding: 8px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-2 {
  padding-top: 8px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-2 {
  padding-right: 8px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 {
  padding-bottom: 8px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-2 {
  padding-left: 8px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-3 {
  padding: 16px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-3 {
  padding-top: 16px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-3 {
  padding-right: 16px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 {
  padding-bottom: 16px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-3 {
  padding-left: 16px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-3 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-4 {
  padding: 24px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-4 {
  padding-top: 24px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-4 {
  padding-right: 24px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 {
  padding-bottom: 24px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-4 {
  padding-left: 24px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-4 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-5 {
  padding: 32px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-5 {
  padding-top: 32px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-5 {
  padding-right: 32px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 {
  padding-bottom: 32px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-5 {
  padding-left: 32px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-5 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-6 {
  padding: 48px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-6 {
  padding-top: 48px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-6 {
  padding-right: 48px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 {
  padding-bottom: 48px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-6 {
  padding-left: 48px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-6 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-7 {
  padding: 64px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-7 {
  padding-top: 64px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-7 {
  padding-right: 64px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-7 {
  padding-bottom: 64px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-7 {
  padding-left: 64px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-7 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-7 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-8 {
  padding: 80px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-8 {
  padding-top: 80px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-8 {
  padding-right: 80px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-8 {
  padding-bottom: 80px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-8 {
  padding-left: 80px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-8 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-8 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-9 {
  padding: 96px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-9 {
  padding-top: 96px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-9 {
  padding-right: 96px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-9 {
  padding-bottom: 96px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-9 {
  padding-left: 96px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-9 {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-9 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

@media (min-width: 544px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-6 {
    padding: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-6 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-6 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-6 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-6 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-7 {
    padding: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-7 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-7 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-7 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-7 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-7 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-7 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-8 {
    padding: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-8 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-8 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-8 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-8 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-8 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-9 {
    padding: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-9 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-9 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-9 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-9 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-9 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-9 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media (min-width: 782px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-6 {
    padding: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-6 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-6 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-6 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-6 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-7 {
    padding: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-7 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-7 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-7 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-7 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-7 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-7 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-8 {
    padding: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-8 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-8 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-8 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-8 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-8 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-9 {
    padding: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-9 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-9 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-9 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-9 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-9 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-9 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-6 {
    padding: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-6 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-6 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-6 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-6 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-7 {
    padding: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-7 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-7 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-7 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-7 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-7 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-7 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-8 {
    padding: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-8 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-8 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-8 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-8 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-8 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-9 {
    padding: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-9 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-9 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-9 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-9 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-9 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-9 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
@media (min-width: 1352px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-6 {
    padding: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-6 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-6 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-6 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-6 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-7 {
    padding: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-7 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-7 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-7 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-7 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-7 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-7 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-8 {
    padding: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-8 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-8 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-8 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-8 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-8 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-8 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-9 {
    padding: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-9 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-9 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-9 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-9 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-9 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-9 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
#__bs_notify__ {
  display: none !important;
}

body.localhost #hubspot-messages-iframe-container {
  display: none !important;
}

body.localhost:after {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  display: inline-block;
  color: white;
  font-size: 8px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px;
  content: "Mobile";
}
@media (min-width: 544px) {
  body.localhost:after {
    content: "Small";
  }
}
@media (min-width: 782px) {
  body.localhost:after {
    content: "Medium";
  }
}
@media (min-width: 1012px) {
  body.localhost:after {
    content: "Large";
  }
}
@media (min-width: 1352px) {
  body.localhost:after {
    content: "x-large";
  }
}
@media (min-width: 1680px) {
  body.localhost:after {
    content: "xx-large";
  }
}