/*

  Basscss
  http://basscss.com

  2.88 kB
  345 Rules
  373 Selectors
  455 Declarations
  Generated with http://basscss.com/customize

*/

/*
  Updated basic responsive media queries !!!
*/

body { margin: 0 }
img { max-width: 100% }
svg { max-height: 100% }

input,
select,
textarea,
fieldset {
  font-family: inherit;
  font-size: 1rem;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}

label {
  vertical-align: middle;
}

input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
  vertical-align: middle;
  -webkit-appearance: none;
}

select {
  line-height: 1.75;
  padding: .5rem .5rem;
}

select:not([multiple]) {
  height: 2.25rem;
  vertical-align: middle;
}

textarea {
  line-height: 1.75;
  padding: .5rem .5rem;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

th {
  text-align: left;
  font-weight: bold;
}

th,
td {
  padding: .25rem 1rem;
  line-height: inherit;
}

th { vertical-align: bottom }
td { vertical-align: top }

body {
  line-height: 1.5;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: .5em;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

pre, code, samp {
  font-family: 'Source Code Pro', Consolas, monospace;
  font-size: inherit;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow-x: scroll;
}

h1 { font-size: 2rem }
h2 { font-size: 1.5rem }
h3 { font-size: 1.25rem }
h4 { font-size: 1rem }
h5 { font-size: .875rem }
h6 { font-size: .75rem }

.h1 { font-size: 2rem }
.h2 { font-size: 1.5rem }
.h3 { font-size: 1.25rem }
.h4 { font-size: 1rem }
.h5 { font-size: .875rem }
.h6 { font-size: .75rem }

.fs-18 { font-size: 18px }

.black    { font-weight: 900 }
.bold    { font-weight: 700 }
.light { font-weight: 300 }
.semi-bold { font-weight: 600 }
.regular { font-weight: normal }
.italic  { font-style: italic }

.capitalize { text-transform: capitalize }
.caps    { text-transform: uppercase; letter-spacing: .2em; }
.text-upper { text-transform: uppercase }

.ls-1 { letter-spacing: 1px }

.left-align   { text-align: left }
.center       { text-align: center }
.right-align  { text-align: right }
.justify      { text-align: justify }

.nowrap { white-space: nowrap }
.break-word { word-wrap: break-word }

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

.list-reset {
  list-style: none;
  padding-left: 0;
}

.list-style-square { list-style: square }

.inline       { display: inline }
.block        { display: block }
.inline-block { display: inline-block }
.table        { display: table }
.table-cell   { display: table-cell }

.overflow-hidden { overflow: hidden }
.overflow-scroll { overflow: scroll }
.overflow-auto   { overflow: auto }
.overflow-x-auto { overflow-x: auto }
.overflow-y-auto { overflow-y: auto }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }

.left  { float: left }
.right { float: right }

.fit { max-width: 100% }
.fit-height { max-height: 100% }

.border-box { box-sizing: border-box }

.align-baseline { vertical-align: baseline }
.align-top      { vertical-align: top }
.align-middle   { vertical-align: middle }
.align-bottom   { vertical-align: bottom }

.m0  { margin:        0 }
.mt0 { margin-top:    0 }
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }

.m1  { margin: .5rem }
.mt1 { margin-top: .5rem }
.mr1 { margin-right: .5rem }
.mb1 { margin-bottom: .5rem }
.ml1 { margin-left: .5rem }

.m2  { margin: 1rem }
.mt2 { margin-top: 1rem }
.mr2 { margin-right: 1rem }
.mb2 { margin-bottom: 1rem }
.ml2 { margin-left: 1rem }

.m3  { margin: 2rem }
.mt3 { margin-top: 2rem }
.mr3 { margin-right: 2rem }
.mb3 { margin-bottom: 2rem }
.ml3 { margin-left: 2rem }

.m4  { margin: 4rem }
.mt4 { margin-top: 4rem }
.mr4 { margin-right: 4rem }
.mb4 { margin-bottom: 4rem }
.ml4 { margin-left: 4rem }

.mb-3vw { margin-bottom: 3vw }

.mx1 { margin-left: .5rem; margin-right: .5rem; }
.mx2 { margin-left: 1rem; margin-right: 1rem; }
.mx3 { margin-left: 2rem; margin-right: 2rem; }
.mx4 { margin-left: 4rem; margin-right: 4rem; }

.mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
.mxn2 { margin-left: -1rem; margin-right: -1rem; }
.mxn3 { margin-left: -2rem; margin-right: -2rem; }
.mxn4 { margin-left: -4rem; margin-right: -4rem; }

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

.p0 { padding: 0 }

.p1  { padding: .5rem }
.py1 { padding-top: .5rem; padding-bottom: .5rem }
.px1 { padding-left: .5rem; padding-right: .5rem }

.p2  { padding: 1rem }
.py2 { padding-top: 1rem; padding-bottom: 1rem }
.px2 { padding-left: 1rem; padding-right: 1rem }

.p3  { padding: 2rem }
.py3 { padding-top: 2rem; padding-bottom: 2rem }
.px3 { padding-left: 2rem; padding-right: 2rem }

.p4  { padding: 4rem }
.py4 { padding-top: 4rem; padding-bottom: 4rem }
.px4 { padding-left: 4rem; padding-right: 4rem }

.pt1 { padding-top: .5rem }
.pt2 { padding-top: 1rem }
.pt3 { padding-top: 2rem }
.pt4 { padding-top: 4rem }

.pb0 { padding-bottom: 0 }
.pb1 { padding-bottom: .5rem }
.pb2 { padding-bottom: 1rem }
.pb3 { padding-bottom: 2rem }
.pb4 { padding-bottom: 4rem }

.pr0 { padding-right: 0 }
.pr1 { padding-right: .5rem }
.pr2 { padding-right: 1rem }
.pr3 { padding-right: 2rem }
.pr4 { padding-right: 4rem }

.pl0 { padding-left: 0 }
.pl1 { padding-left: .5rem }
.pl2 { padding-left: 1rem }
.pl3 { padding-left: 2rem }
.pl4 { padding-left: 4rem }

.pb-4vw { padding-bottom: 4vw }

.pt-90 { padding-top: 90px }
.pt-120 { padding-top: 120px }
.pt-170 { padding-top: 170px }

.relative { position: relative }
.absolute { position: absolute }
.fixed    { position: fixed }
.static { position: static }

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

.bottom-100p { bottom: 100% }
.left-100p { left: 100% }
.right-100p { right: 100% }
.top-100p { top: 100% }

.left-50p { left: 50% }
.top-50p { top: 50% }


.z1 { z-index: 1 }
.z2 { z-index: 2 }
.z3 { z-index: 3 }
.z4 { z-index: 4 }
.z5 { z-index: 5 }
.z6 { z-index: 6 }

.sm-show, .md-show, .lg-show {
  display: none !important
}

.cursor-pointer { cursor: pointer }

.resize-none { resize: none }

.o-0 { opacity: 0 }
.o-20 { opacity: .2 }
.o-50 { opacity: .5 }
.o-100 { opacity: 1 }

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

.underline { text-decoration: underline }
.underline-hover:hover { text-decoration: underline }

.visibility-hidden { visibility: hidden }
.visibility-visible { visibility: visible }


.display-none { display: none !important }

.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.container {
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
}
.col {
  float: left;
  box-sizing: border-box;
}

.col-right {
  float: right;
  box-sizing: border-box;
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

@media (max-width: 1400px) {

  .x-lg-col {
    float: left;
    box-sizing: border-box;
  }

  .x-lg-col-right {
    float: right;
    box-sizing: border-box;
  }

  .x-lg-col-1 {
    width: 8.33333%;
  }

  .x-lg-col-2 {
    width: 16.66667%;
  }

  .x-lg-col-3 {
    width: 25%;
  }

  .x-lg-col-4 {
    width: 33.33333%;
  }

  .x-lg-col-5 {
    width: 41.66667%;
  }

  .x-lg-col-6 {
    width: 50%;
  }

  .x-lg-col-7 {
    width: 58.33333%;
  }

  .x-lg-col-8 {
    width: 66.66667%;
  }

  .x-lg-col-9 {
    width: 75%;
  }

  .x-lg-col-10 {
    width: 83.33333%;
  }

  .x-lg-col-11 {
    width: 91.66667%;
  }

  .x-lg-col-12 {
    width: 100%;
  }

}


@media (max-width: 1024px) {

  .lg-col {
    float: left;
    box-sizing: border-box;
  }

  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }

  .lg-col-1 {
    width: 8.33333%;
  }

  .lg-col-2 {
    width: 16.66667%;
  }

  .lg-col-3 {
    width: 25%;
  }

  .lg-col-4 {
    width: 33.33333%;
  }

  .lg-col-5 {
    width: 41.66667%;
  }

  .lg-col-6 {
    width: 50%;
  }

  .lg-col-7 {
    width: 58.33333%;
  }

  .lg-col-8 {
    width: 66.66667%;
  }

  .lg-col-9 {
    width: 75%;
  }

  .lg-col-10 {
    width: 83.33333%;
  }

  .lg-col-11 {
    width: 91.66667%;
  }

  .lg-col-12 {
    width: 100%;
  }

}

@media (max-width: 640px) {

  .sm-col {
    float: left;
    box-sizing: border-box;
  }

  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }

  .sm-col-1 {
    width: 8.33333%;
  }

  .sm-col-2 {
    width: 16.66667%;
  }

  .sm-col-3 {
    width: 25%;
  }

  .sm-col-4 {
    width: 33.33333%;
  }

  .sm-col-5 {
    width: 41.66667%;
  }

  .sm-col-6 {
    width: 50%;
  }

  .sm-col-7 {
    width: 58.33333%;
  }

  .sm-col-8 {
    width: 66.66667%;
  }

  .sm-col-9 {
    width: 75%;
  }

  .sm-col-10 {
    width: 83.33333%;
  }

  .sm-col-11 {
    width: 91.66667%;
  }

  .sm-col-12 {
    width: 100%;
  }
}

.flex { display: flex }

.flex-column  { flex-direction: column }
.flex-row { flex-direction: row }
.flex-reverse { flex-direction: row-reverse }
.flex-wrap    { flex-wrap: wrap }

.flex-center   { align-items: center }
.flex-baseline { align-items: baseline }
.flex-stretch  { align-items: stretch }
.flex-start    { align-items: flex-start }
.flex-end      { align-items: flex-end }

.flex-justify  { justify-content: space-between }
.flex-justify-around { justify-content: space-around }
.flex-justify-center { justify-content: center }
.flex-justify-end { justify-content: flex-end }
.flex-justify-start { justify-content: flex-start }

.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}


.flex-grow { flex: 1 0 auto }
.flex-none { flex: none }
.flex-shrink-none { flex-shrink: 0 }

.flex-first { order: -1 }
.flex-last  { order: 99999 }


@media (max-width: 1024px) {
  .lg-flex { display: flex }
}

@media (max-width: 640px) {
  .sm-flex { display: flex }
}

@media (max-width: 1024px) {
  .lg-show { display: block !important }
}

@media (max-width: 640px) {
  .sm-show { display: block !important }
}


@media (max-width: 1024px) {
  .lg-hide { display: none }
}

@media (max-width: 640px) {
  .sm-hide { display: none }
}


.border-none { border: 0 }
.border-left-none { border-left: 0 }
.border-top-none { border-top: 0 }
.border-right-none { border-right: 0 }
.border-bottom-none { border-bottom: 0 }

.border-transparent { border-color: transparent }

.border {
  border-style: solid;
  border-width: 1px;
}

.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}

.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}

.bw-2 { border-width: 2px }
.bw-4 { border-width: 4px }
.bw-7 { border-width: 7px }

.rounded { border-radius: 5px }
.rounded-bottom-left { border-bottom-left-radius: 5px }
.rounded-bottom-right { border-bottom-right-radius: 5px }
.rounded-top-left { border-top-left-radius: 5px }
.rounded-top-right { border-top-right-radius: 5px }

.circle  { border-radius: 50% }

.rounded-top    { border-radius: 5px 5px 0 0 }
.rounded-right  { border-radius: 0 5px 5px 0 }
.rounded-bottom { border-radius: 0 0 5px 5px }
.rounded-left   { border-radius: 5px 0 0 5px }

.not-rounded { border-radius: 0 }

.bg-cover   { background-size: cover }
.bg-contain { background-size: contain }

.bg-fixed { background-attachment: fixed }

.bg-no-repeat { background-repeat: no-repeat }

.bg-center  { background-position: center }
.bg-center-top  { background-position: center top }
.bg-top     { background-position: top }
.bg-right   { background-position: right }
.bg-bottom  { background-position: bottom }
.bg-left    { background-position: left }

.blend-screen { mix-blend-mode: screen }

.height-100vh { height: 100vh }
.height-100p { height: 100% }

.height-2-5vw { height: 2.5vw }
.height-5vw { height: 5vw }
.height-32-5vw { height: 32.5vw }

.mh-100vh { min-height: 100vh }

.hidden { display: none }

.lh-normal { line-height: normal }
.lh-18 { line-height: 18px }
.lh-30 { line-height: 30px }
.lh-36 { line-height: 36px }

.transform-horizontal-center { transform: translateX(-50%) }
.transform-vertical-center { transform: translateY(-50%) }
.transform-center { transform: translate(-50%, -50%) }


@media (max-width: 1400px) {
  .x-lg-h1 { font-size: 2rem }
  .x-lg-h2 { font-size: 1.5rem }
  .x-lg-h3 { font-size: 1.25rem }
  .x-lg-h4 { font-size: 1rem }
  .x-lg-h5 { font-size: .875rem }
  .x-lg-h6 { font-size: .75rem }

  .x-lg-lh-normal { line-height: normal }
}

@media (max-width: 1024px) {

  .lg-h1 { font-size: 2rem }
  .lg-h2 { font-size: 1.5rem }
  .lg-h3 { font-size: 1.25rem }
  .lg-h4 { font-size: 1rem }
  .lg-h5 { font-size: .875rem }
  .lg-h6 { font-size: .75rem }

  .lg-m0  { margin:        0 }
  .lg-mt0 { margin-top:    0 }
  .lg-mr0 { margin-right:  0 }
  .lg-mb0 { margin-bottom: 0 }
  .lg-ml0 { margin-left:   0 }

  .lg-m1  { margin: .5rem }
  .lg-mt1 { margin-top: .5rem }
  .lg-mr1 { margin-right: .5rem }
  .lg-mb1 { margin-bottom: .5rem }
  .lg-ml1 { margin-left: .5rem }

  .lg-m2  { margin: 1rem }
  .lg-mt2 { margin-top: 1rem }
  .lg-mr2 { margin-right: 1rem }
  .lg-mb2 { margin-bottom: 1rem }
  .lg-ml2 { margin-left: 1rem }

  .lg-m3  { margin: 2rem }
  .lg-mt3 { margin-top: 2rem }
  .lg-mr3 { margin-right: 2rem }
  .lg-mb3 { margin-bottom: 2rem }
  .lg-ml3 { margin-left: 2rem }

  .lg-m4  { margin: 4rem }
  .lg-mt4 { margin-top: 4rem }
  .lg-mr4 { margin-right: 4rem }
  .lg-mb4 { margin-bottom: 4rem }
  .lg-ml4 { margin-left: 4rem }

  .lg-mx1 { margin-left: .5rem; margin-right: .5rem; }
  .lg-mx2 { margin-left: 1rem; margin-right: 1rem; }
  .lg-mx3 { margin-left: 2rem; margin-right: 2rem; }
  .lg-mx4 { margin-left: 4rem; margin-right: 4rem; }

  .lg-mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
  .lg-mxn2 { margin-left: -1rem; margin-right: -1rem; }
  .lg-mxn3 { margin-left: -2rem; margin-right: -2rem; }
  .lg-mxn4 { margin-left: -4rem; margin-right: -4rem; }

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

  .lg-center { text-align: center }

  .lg-p0 { padding: 0 }

  .lg-pb0 { padding-bottom: 0 }

  .lg-pt0 { padding-top: 0 }

  .lg-border-none { border: none }
  .lg-border-bottom-none { border-bottom: none }
  .lg-border-top-none { border-top: none }

  .lg-border {
    border-style: solid;
    border-width: 1px;
  }

  .lg-border-top {
    border-top-style: solid;
    border-top-width: 1px;
  }

  .lg-border-right {
    border-right-style: solid;
    border-right-width: 1px;
  }

  .lg-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .lg-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }

  .lg-float-none { float: none }
}

@media (max-width: 640px) {

  .sm-m0  { margin:        0 }
  .sm-mt0 { margin-top:    0 }
  .sm-mr0 { margin-right:  0 }
  .sm-mb0 { margin-bottom: 0 }
  .sm-ml0 { margin-left:   0 }

  .sm-m1  { margin: .5rem }
  .sm-mt1 { margin-top: .5rem }
  .sm-mr1 { margin-right: .5rem }
  .sm-mb1 { margin-bottom: .5rem }
  .sm-ml1 { margin-left: .5rem }

  .sm-m2  { margin: 1rem }
  .sm-mt2 { margin-top: 1rem }
  .sm-mr2 { margin-right: 1rem }
  .sm-mb2 { margin-bottom: 1rem }
  .sm-ml2 { margin-left: 1rem }

  .sm-m3  { margin: 2rem }
  .sm-mt3 { margin-top: 2rem }
  .sm-mr3 { margin-right: 2rem }
  .sm-mb3 { margin-bottom: 2rem }
  .sm-ml3 { margin-left: 2rem }

  .sm-m4  { margin: 4rem }
  .sm-mt4 { margin-top: 4rem }
  .sm-mr4 { margin-right: 4rem }
  .sm-mb4 { margin-bottom: 4rem }
  .sm-ml4 { margin-left: 4rem }

  .sm-mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
  .sm-mxn2 { margin-left: -1rem; margin-right: -1rem; }
  .sm-mxn3 { margin-left: -2rem; margin-right: -2rem; }
  .sm-mxn4 { margin-left: -4rem; margin-right: -4rem; }

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


@media (max-width: 1400px) {

  .x-lg-p0  { padding: 0 }

  .x-lg-p1  { padding: .5rem }
  .x-lg-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .x-lg-px1 { padding-left: .5rem; padding-right: .5rem }

  .x-lg-p2  { padding: 1rem }
  .x-lg-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .x-lg-px2 { padding-left: 1rem; padding-right: 1rem }

  .x-lg-p3  { padding: 2rem }
  .x-lg-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .x-lg-px3 { padding-left: 2rem; padding-right: 2rem }

  .x-lg-p4  { padding: 4rem }
  .x-lg-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .x-lg-px4 { padding-left: 4rem; padding-right: 4rem }
}


@media (max-width: 1024px) {

  .lg-p1  { padding: .5rem }
  .lg-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .lg-px1 { padding-left: .5rem; padding-right: .5rem }

  .lg-p2  { padding: 1rem }
  .lg-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .lg-px2 { padding-left: 1rem; padding-right: 1rem }

  .lg-p3  { padding: 2rem }
  .lg-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .lg-px3 { padding-left: 2rem; padding-right: 2rem }

  .lg-p4  { padding: 4rem }
  .lg-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .lg-px4 { padding-left: 4rem; padding-right: 4rem }

}

@media (max-width: 640px) {
  .sm-p0 { padding: 0 }

  .sm-px0 { padding-left: 0; padding-right: 0; }

  .sm-p1  { padding: .5rem }
  .sm-py1 { padding-top: .5rem; padding-bottom: .5rem }
  .sm-px1 { padding-left: .5rem; padding-right: .5rem }

  .sm-p2  { padding: 1rem }
  .sm-py2 { padding-top: 1rem; padding-bottom: 1rem }
  .sm-px2 { padding-left: 1rem; padding-right: 1rem }

  .sm-p3  { padding: 2rem }
  .sm-py3 { padding-top: 2rem; padding-bottom: 2rem }
  .sm-px3 { padding-left: 2rem; padding-right: 2rem }

  .sm-p4  { padding: 4rem }
  .sm-py4 { padding-top: 4rem; padding-bottom: 4rem }
  .sm-px4 { padding-left: 4rem; padding-right: 4rem }

}


@media (max-width: 1024px) {
  .lg-block { display: block }

  .lg-flex-justify-center { justify-content: center }
  .lg-flex-justify-start { justify-content: start }

  .lg-height-4-vh { height: 4vh }
  .lg-height-7-vh { height: 7vh }
  .lg-height-35-vh { height: 35vh }
  .lg-height-40-vh { height: 40vh }
  .lg-height-70-vh { height: 70vh }

  .lg-height-5vw { height: 5vw }
  .lg-height-100vw { height: 100vw }

  .lg-left-0 { left: 0 }

  .lg-top-100p { top: 100% }

  .lg-lh-normal { line-height: normal }

  .lg-absolute { position: absolute }
  .lg-static { position: static }

  .lg-width-auto { width: auto }
}


@media (max-width: 640px) {
  .sm-absolute { position: absolute }

  .sm-bg-none { background: none }

  .sm-bg-contain { background-size: contain }

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

  .sm-border-none { border: none }
  .sm-border-right-none { border-right: none }

  .sm-border-bottom { border-bottom-width: 1px; border-bottom-style: solid; }

  .sm-bottom-0 { bottom: 0 }
  .sm-bottom-auto { bottom: auto }

  .sm-center { text-align: center }

  .sm-flex-initial { align-items: initial }

  .sm-flex-auto { flex: 1 1 auto }
  .sm-flex-center { align-items: center }
  .sm-flex-column { flex-direction: column }
  .sm-flex-justify-center { justify-content: center }
  .sm-flex-justify-end { justify-content: flex-end }
  .sm-flex-justify-start { justify-content: flex-start }

  .sm-flex-wrap { flex-wrap: wrap }

  .sm-h1 { font-size: 2rem }
  .sm-h2 { font-size: 1.5rem }
  .sm-h3 { font-size: 1.25rem }
  .sm-h4 { font-size: 1rem }
  .sm-h5 { font-size: .875rem }
  .sm-h6 { font-size: .75rem }

  .sm-lh-normal { line-height: normal }

  .sm-h-auto { height: auto }

  .sm-height-28-vh { height: 28vh }
  .sm-height-14-vh { height: 14vh }

  .sm-height-10vw { height: 10vw }
  .sm-height-15vw { height: 15vw }
  .sm-height-85vw { height: 85vw }

  .sm-mh-auto { min-height: auto }

  .sm-mw-none { min-width: 0 }


  .sm-left { float: left }
  .sm-right { float: right }
  .sm-float-none { float: none }

  .sm-left-align { text-align: left }
  .sm-right-align { text-align: right }

  .sm-left-0 { left: 0 }

  .sm-o-100 { opacity: 100 }

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

  .sm-pb0 { padding-bottom: 0 }
  .sm-pb1 { padding-bottom: .5rem }
  .sm-pb2 { padding-bottom: 1rem }
  .sm-pb3 { padding-bottom: 2rem }
  .sm-pb4 { padding-bottom: 4rem }

  .sm-pl0 { padding-left: 0 }
  .sm-pl1 { padding-left: .5rem }
  .sm-pl2 { padding-left: 1rem }
  .sm-pl3 { padding-left: 2rem }
  .sm-pl4 { padding-left: 4rem }

  .sm-pr0 { padding-right: 0 }
  .sm-pr1 { padding-right: .5rem }
  .sm-pr2 { padding-right: 1rem }
  .sm-pr3 { padding-right: 2rem }
  .sm-pr4 { padding-right: 4rem }

  .sm-pt1 { padding-top: .5rem }
  .sm-pt2 { padding-top: 1rem }
  .sm-pt3 { padding-top: 2rem }
  .sm-pt4 { padding-top: 4rem }

  .sm-py0 { padding-bottom: 0; padding-top: 0; }

  .sm-rounded { border-radius: 5px }

  .sm-rounded-bottom-left { border-bottom-left-radius: 5px }
  .sm-rounded-bottom-right { border-bottom-right-radius: 5px }
  .sm-rounded-top-left { border-top-left-radius: 5px }
  .sm-rounded-top-right { border-top-right-radius: 5px }

  .sm-relative { position: relative }

  .sm-static { position: static }

  .sm-top-0 { top: 0 }

  .sm-top-100p { top: 100% }

  .sm-transform-none { transform: none }

  .sm-visibility-visible { visibility: visible }

  .sm-white-space-normal { white-space: normal }
}