/* reset */
html, body{
  box-sizing: border-box;
  height: 100%;
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  font-weight: inherit;
}

h1, h2, h3, h4, h5, h6, ul {  margin: 0; }

h1, h2, h3, h4, h5, h6 {  font-family: "Onest", helvetica, sans-serif; }


::-moz-selection { /* Code for Firefox */
  background: #CEFD6F;
  color: #E6F9EF;
}

::selection {
  background: #CEFD6F;
  color: #0F0F0F;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  font-variant-numeric: lining-nums tabular-nums;
}

input { background-color: transparent; }

textarea { resize: vertical;}

/* End of reset */
.rtl { direction: rtl;}

.fs0 { font-size: 4rem;     /*64px*/ }
.fs1 { font-size: 2.125rem; /*34px*/ }
.fs2 { font-size: 1.75rem;  /*28px*/ }
.fs3 { font-size: 1.375rem; /*22px*/ }
.fs4 { font-size: 1.125rem  /*18px*/ }
.fs5 { font-size: 1rem;     /*16px*/ }
.fs6 { font-size: .875rem   /*14px*/ }
.fs7 { font-size: .625rem;  /*10px*/ }

.fs1-hover:hover { font-size: 2.125rem; /*34px*/ }
.fs2-hover:hover { font-size: 1.75rem;  /*28px*/ }
.fs3-hover:hover { font-size: 1.375rem; /*22px*/ }
.fs4-hover:hover { font-size: 1.125rem  /*18px*/ }
.fs5-hover:hover { font-size: 1rem;     /*16px*/ }
.fs6-hover:hover { font-size: .875rem   /*14px*/ }
.fs7-hover:hover { font-size: .625rem;  /*10px*/ }


.text-transform-none{ text-transform:none }
.text-decoration-none{ text-decoration:none }
.text-decoration-none-hover:hover{ text-decoration:none }
.underline{ text-decoration:underline }
.underline-hover:hover { text-decoration:underline }
.first-underline::first-letter { text-decoration: underline; }

.italic{ font-style:italic }
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }


.thin { font-weight: 300; }
.regular { font-weight: normal; }
.medium { font-weight: 500; }
.bold{ font-weight: bold; }


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


.font-family-site { font-family: "Roboto", helvetica, sans-serif; }
.font-family-monospace { font-family: Consolas, Monaco, monospace; }
.font-family-title { font-family: "Onest", helvetica, sans-serif; }
.pre { white-space: pre-wrap; }
.white-space { white-space: normal; }

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

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

.line-height-1{ line-height: 1 }
.line-height-2{ line-height: 1.125 }
.line-height-3{ line-height: 1.25 }
.line-height-4{ line-height: 1.5 }
.line-height-5{ line-height: 2 }
.line-height-6{ line-height: 2.25rem }

.list-style-none{ list-style:none }

.truncate{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


.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-y-scroll{ overflow-y:scroll }
.overflow-y-auto{ overflow-y:auto }


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

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


.fit{ max-width:100% }

.min-width-1{ min-width: 8rem }

.min-width-60px {min-width: 60px; }

.max-width-1{ max-width: 24rem }
.max-width-2{ max-width: 32rem }
.max-width-3{ max-width: 48rem }
.max-width-4{ max-width: 64rem }

.width-2 { width: 2rem; }
.width-4 { width: 4rem; }

.no-width { width: 0%; }
.width-auto { width: auto; }

.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 }
.align-super{ vertical-align:super }

.mb1px { margin-bottom: 1px; }

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

.m1  { margin:        .25rem }
.mt1 { margin-top:    .25rem }
.mr1 { margin-right:  .25rem }
.mb1 { margin-bottom: .25rem }
.ml1 { margin-left:   .25rem }
.mx1 { margin-left:   .25rem; margin-right: .25rem }
.my1 { margin-top:    .25rem; margin-bottom: .25rem }


.m2{ margin: .5rem }
.mt2{ margin-top: .5rem }
.mr2{ margin-right: .5rem }
.mb2{ margin-bottom: .5rem }
.ml2{ margin-left: .5rem }
.mx2{ margin-left: .5rem; margin-right: .5rem }
.my2{ margin-top: .5rem; margin-bottom: .5rem }

.m3{ margin: 1rem }
.mt3{ margin-top: 1rem }
.mr3{ margin-right: 1rem }
.mb3{ margin-bottom: 1rem }
.ml3{ margin-left: 1rem }
.mx3{ margin-left: 1rem; margin-right: 1rem }
.my3{ margin-top: 1rem; margin-bottom: 1rem }

.m4{ margin: 2rem }
.mt4{ margin-top: 2rem }
.mr4{ margin-right: 2rem }
.mb4{ margin-bottom: 2rem }
.ml4{ margin-left: 2rem }
.mx4{ margin-left: 2rem; margin-right: 2rem }
.my4{ margin-top: 2rem; margin-bottom: 2rem }

.m5  { margin:        4rem }
.mt5 { margin-top:    4rem }
.mr5 { margin-right:  4rem }
.mb5 { margin-bottom: 4rem }
.ml5 { margin-left:   4rem }
.mx5 { margin-left:   4rem; margin-right: 4rem }
.my5 { margin-top:    4rem; margin-bottom: 4rem }

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

.myn1{ margin-top: -.25rem; margin-bottom: -.25rem; }
.myn2{ margin-top: -.5rem; margin-bottom: -.5rem; }
.myn3{ margin-top: -1rem; margin-bottom: -1rem; }
.myn4{ margin-top: -2rem; margin-bottom: -2rem; }
.myn5{ margin-top: -4rem; margin-bottom: -4rem; }

.mtn1{ margin-top: -.25rem }
.mtn2{ margin-top: -.5rem }
.mtn3{ margin-top: -1rem }
.mtn4{ margin-top: -2rem }
.mtn5{ margin-top: -4rem }

.mrn1{ margin-right: -.25rem }
.mrn2{ margin-right: -.5rem }
.mrn3{ margin-right: -1rem }
.mrn4{ margin-right: -2rem }
.mrn5{ margin-right: -4rem }

.mbn1{ margin-bottom: -.25rem }
.mbn2{ margin-bottom: -.5rem }
.mbn3{ margin-bottom: -1rem }
.mbn4{ margin-bottom: -2rem }
.mbn5{ margin-bottom: -4rem }

.mln1{ margin-left: -.25rem }
.mln2{ margin-left: -.5rem }
.mln3{ margin-left: -1rem }
.mln4{ margin-left: -2rem }
.mln5{ margin-left: -4rem }

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

.p0{ padding:0 }
.pt0{ padding-top:0 }
.pr0{ padding-right:0 }
.pb0{ padding-bottom:0 }
.pl0{ padding-left:0 }
.px0{ padding-left:0; padding-right:0 }
.py0{ padding-top:0;  padding-bottom:0 }

.p1  { padding:        0.25rem; }
.pt1 { padding-top:    0.25rem; }
.pr1 { padding-right:  0.25rem; }
.pb1 { padding-bottom: 0.25rem; }
.pl1 { padding-left:   0.25rem; }
.px1 { padding-left:   .25rem; padding-right: .25rem }
.py1 { padding-top:    .25rem; padding-bottom: .25rem }

.p2{ padding: .5rem }
.pt2{ padding-top: .5rem }
.pr2{ padding-right: .5rem }
.pb2{ padding-bottom: .5rem }
.pl2{ padding-left: .5rem }
.py2{ padding-top: .5rem; padding-bottom: .5rem }
.px2{ padding-left: .5rem; padding-right: .5rem }

.py10px{ padding-top: 10px; padding-bottom: 10px; }

.p3{ padding: 1rem }
.pt3{ padding-top: 1rem }
.pr3{ padding-right: 1rem }
.pb3{ padding-bottom: 1rem }
.pl3{ padding-left: 1rem }
.py3{ padding-top: 1rem; padding-bottom: 1rem }
.px3{ padding-left: 1rem; padding-right: 1rem }

.p4{ padding: 2rem }
.pt4{ padding-top: 2rem }
.pr4{ padding-right: 2rem }
.pb4{ padding-bottom: 2rem }
.pl4{ padding-left: 2rem }
.py4{ padding-top: 2rem; padding-bottom: 2rem }
.px4{ padding-left: 2rem; padding-right: 2rem }

.p5{ padding: 4rem }
.pt5{ padding-top: 4rem }
.pr5{ padding-right: 4rem }
.pb5{ padding-bottom: 4rem }
.pl5{ padding-left: 4rem }
.py5{ padding-top: 4rem; padding-bottom: 4rem }
.px5{ padding-left: 4rem; padding-right: 4rem }


.column-count-2 { column-count: 2 }
.column-count-3 { column-count: 3 }

.column-gap-2 { column-gap: .5em }
.column-gap-5 { column-gap: 4em }

.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%;}

.col-1-from-7 { width: 14.285714285714286%; /* 1/7 */ }
.col-5-from-7 { width: 71.42857142857143%;  /* 5/7 */ }
.col-1-from-5 { width: 20%;  /* 1/5 */ }

@media (min-width: 40em){
  .sm-medium { font-weight: 500; }

  .sm-sticky  { position: -webkit-sticky;
             position: -moz-sticky;
             position: -ms-sticky;
             position: -o-sticky;
             position: sticky; }

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

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

  .sm-border-none{ border:0 !important }

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

  .sm-mtn1{ margin-top: -.25rem }
  .sm-mtn2{ margin-top: -.5rem }
  .sm-mtn3{ margin-top: -1rem }
  .sm-mtn4{ margin-top: -2rem }
  .sm-mtn5{ margin-top: -4rem }

  .sm-mbn1{ margin-bottom: -.25rem }
  .sm-mbn2{ margin-bottom: -.5rem }
  .sm-mbn3{ margin-bottom: -1rem }
  .sm-mbn4{ margin-bottom: -2rem }
  .sm-mbn5{ margin-bottom: -4rem }

  .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%;}

  .sm-column-count-2 { column-count: 2 }

  .sm-column-count-3 { column-count: 3 }

  .sm-inline { display: inline; }


  .sm-width-4 { width: 4rem; }

}
@media (min-width: 52em){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}
@media (min-width: 64em){

  .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%;
  }

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

@media (min-width: 40em){
  .sm-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
  .sm-flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
}

@media (min-width: 52em){
  .md-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 64em){
  .lg-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  min-width:0;
  min-height:0;
}
.flex-none{ -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }

.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; order:99999 }

.relative{ position:relative }
.absolute{ position:absolute }
.fixed   { position:fixed }
.sticky  { position: -webkit-sticky;
           position: -moz-sticky;
           position: -ms-sticky;
           position: -o-sticky;
           position: sticky; }
.height0 { height: 0px; }
.height-focus:focus { height: auto; }
.height100 { height: 100%; }
.height-auto { height: auto; }
.max-height0 { max-height: 0; }
.max-height500 { max-height: 500px; }
.max-height1000 { max-height: 1000px; }
.min-height500 { min-height: 500px; }
.height200 { height: 200px;}
.width100 { width: 100px;}
.width300 { width: 300px;}

.top-100{ top:100px }

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

.top-1 { top: 1rem; }
.right-1 { right: 1rem; }
.bottom-1{ bottom:1rem; }
.left-1 { left: 1rem; }

.top-3 { top: 3rem; }
.right-3 { right: 3rem; }
.bottom-3{ bottom:3rem; }
.left-3 { left: 3rem; }

.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }
.z6 { z-index: 6; }
.z7 { z-index: 7; }
.z8 { z-index: 8; }
.z9 { z-index: 9; }
.z10 { z-index: 10; }
.zmax { z-index: 2000; }

.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;
}

.border2{
  border-style:solid;
  border-width: 2px;
}

.border1{
  border-style:solid;
  border-width: 3px;
}

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

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

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

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

.box-shadow-none { box-shadow: 0 0 0; }
.box-shadow-inset-none { box-shadow: inset 0 0 0; }
.border-none{ border:0 }
.border-dashed { border-style: dashed; }

.rounded{ border-radius: 3px }
.circle{ border-radius:50% }

.rounded-xs { border-radius: 0.375rem; }
.rounded-sm { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.75rem; }
.rounded-lg { border-radius: 1.5rem; }
.rounded-xl { border-radius: 2.5rem; }
.rounded-pill { border-radius: 62.4375rem; }

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

.not-rounded{ border-radius:0 }


.invisible{ visibility: hidden; }
.visible-hover:hover{ visibility: visible; }
.invisible-label label{ visibility: hidden; }

/* Content isn't displayed on the screen, but is announced to screen reader users */
.hide{
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
}

@media (max-width: 40em){
  .xs-hide{ display:none !important }
}

@media (min-width: 40em) and (max-width: 52em){
  .sm-hide{ display:none !important }
}

@media (min-width: 52em) and (max-width: 64em){
  .md-hide{ display:none !important }
}

@media (min-width: 64em){
  .lg-hide{ display:none !important }
}

.display-none{ display:none !important }

@media (max-width: 40em){
  .xs-display-none{ display:none !important }
}

@media (min-width: 40em) and (max-width: 52em){
  .sm-display-none{ display:none !important }
}

@media (min-width: 52em) and (max-width: 64em){
  .md-display-none{ display:none !important }
}

@media (min-width: 64em){
  .lg-display-none{ display:none !important }
}


.rotate90 { transform: rotate(90deg);}

/* end of animation */


.opacity1 { opacity:.1; }
.opacity2 { opacity:.2; }
.opacity3 { opacity:.3; }
.opacity4 { opacity:.4; }
.opacity5 { opacity:.5; }
.opacity6 { opacity:.6; }
.opacity7 { opacity:.7; }
.opacity8 { opacity:.8; }
.opacity9 { opacity:.9; }


.text-indent { text-indent: 1.5rem; }

.mtn50 { margin-top:    -50%; }
.mrn50 { margin-right:  -50%; }
.mbn50 { margin-bottom: -50%; }
.mln50 { margin-left:   -50%; }


.rounded-1 { border-radius: 1rem; }
.rounded-max { border-radius: 1000px; }


@media (min-width: 40em) {

  .sm-regular { font-weight: normal; }

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

  .sm-uppercase { text-transform: uppercase; }

  .sm-mx3 { margin-left: 2rem; margin-right: 2rem; }

  .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-mx0{ margin-left:  0; margin-right:0 }
  .sm-my0{ margin-top:   0; margin-bottom:0 }

  .sm-m1 { margin:        .25rem }
  .sm-mt1{ margin-top:    .25rem }
  .sm-mr1{ margin-right:  .25rem }
  .sm-mb1{ margin-bottom: .25rem }
  .sm-ml1{ margin-left:   .25rem }
  .sm-mx1{ margin-left:   .25rem; margin-right: .25rem }
  .sm-my1{ margin-top:    .25rem; margin-bottom: .25rem }

  .sm-m2 { margin:        .5rem }
  .sm-mt2{ margin-top:    .5rem }
  .sm-mr2{ margin-right:  .5rem }
  .sm-mb2{ margin-bottom: .5rem }
  .sm-ml2{ margin-left:   .5rem }
  .sm-mx2{ margin-left:   .5rem; margin-right: .5rem }
  .sm-my2{ margin-top:    .5rem; margin-bottom: .5rem }

  .sm-m3 { margin: 1rem }
  .sm-mt3{ margin-top: 1rem }
  .sm-mr3{ margin-right: 1rem }
  .sm-mb3{ margin-bottom: 1rem }
  .sm-ml3{ margin-left: 1rem }
  .sm-mx3{ margin-left: 1rem; margin-right: 1rem }
  .sm-my3{ margin-top: 1rem; margin-bottom: 1rem }

  .sm-m4 { margin: 2rem }
  .sm-mt4{ margin-top: 2rem }
  .sm-mr4{ margin-right: 2rem }
  .sm-mb4{ margin-bottom: 2rem }
  .sm-ml4{ margin-left: 2rem }
  .sm-mx4{ margin-left: 2rem; margin-right: 2rem }
  .sm-my4{ margin-top: 2rem; margin-bottom: 2rem }

  .sm-m5 { margin: 4rem }
  .sm-mt5{ margin-top: 4rem }
  .sm-mr5{ margin-right: 4rem }
  .sm-mb5{ margin-bottom: 4rem }
  .sm-ml5{ margin-left: 4rem }
  .sm-mx5{ margin-left: 4rem; margin-right: 4rem }
  .sm-my5{ margin-top: 4rem; margin-bottom: 4rem }

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

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

  .sm-p0 { padding:0 }
  .sm-pt0{ padding-top:0 }
  .sm-pr0{ padding-right:0 }
  .sm-pb0{ padding-bottom:0 }
  .sm-pl0{ padding-left:0 }
  .sm-px0{ padding-left:0; padding-right:0 }
  .sm-py0{ padding-top:0;  padding-bottom:0 }

  .sm-p1  { padding:        0.25rem; }
  .sm-pt1 { padding-top:    0.25rem; }
  .sm-pr1 { padding-right:  0.25rem; }
  .sm-pb1 { padding-bottom: 0.25rem; }
  .sm-pl1 { padding-left:   0.25rem; }
  .sm-px1 { padding-left:   .25rem; padding-right: .25rem }
  .sm-py1 { padding-top:    .25rem; padding-bottom: .25rem }

  .sm-p2 { padding: .5rem }
  .sm-pt2{ padding-top: .5rem }
  .sm-pr2{ padding-right: .5rem }
  .sm-pb2{ padding-bottom: .5rem }
  .sm-pl2{ padding-left: .5rem }
  .sm-py2{ padding-top: .5rem; padding-bottom: .5rem }
  .sm-px2{ padding-left: .5rem; padding-right: .5rem }

  .sm-p3 { padding: 1rem }
  .sm-pt3{ padding-top: 1rem }
  .sm-pr3{ padding-right: 1rem }
  .sm-pb3{ padding-bottom: 1rem }
  .sm-pl3{ padding-left: 1rem }
  .sm-py3{ padding-top: 1rem; padding-bottom: 1rem }
  .sm-px3{ padding-left: 1rem; padding-right: 1rem }

  .sm-p4 { padding: 2rem }
  .sm-pt4{ padding-top: 2rem }
  .sm-pr4{ padding-right: 2rem }
  .sm-pb4{ padding-bottom: 2rem }
  .sm-pl4{ padding-left: 2rem }
  .sm-py4{ padding-top: 2rem; padding-bottom: 2rem }
  .sm-px4{ padding-left: 2rem; padding-right: 2rem }

  .sm-p5 { padding: 4rem }
  .sm-pt5{ padding-top: 4rem }
  .sm-pr5{ padding-right: 4rem }
  .sm-pb5{ padding-bottom: 4rem }
  .sm-pl5{ padding-left: 4rem }
  .sm-py5{ padding-top: 4rem; padding-bottom: 4rem }
  .sm-px5{ padding-left: 4rem; padding-right: 4rem }

  /* font sizes */
  .sm-fs0 { font-size: 4rem;     /*64px*/ }
  .sm-fs1 { font-size: 2.125rem; /*34px*/ }
  .sm-fs2 { font-size: 1.75rem;  /*28px*/ }
  .sm-fs3 { font-size: 1.375rem; /*22px*/ }
  .sm-fs4 { font-size: 1.125rem  /*18px*/ }
  .sm-fs5 { font-size: 1rem;     /*16px*/ }
  .sm-fs6 { font-size: .875rem   /*14px*/ }
}



/* Mobile only classes */
@media (max-width: 40em){
  .xs-truncate{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .xs-bold { font-weight: bold; }
  .xs-absolute{ position:absolute }

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

  .xs-col-1  { width:8.33333%; }
  .xs-col-2  { width:16.66667%; }
  .xs-col-3  { width:25%;}
  .xs-col-4  { width:33.33333%; }
  .xs-col-5  { width:41.66667%; }
  .xs-col-6  { width:50%; }
  .xs-col-7  { width:58.33333%; }
  .xs-col-8  { width:66.66667%; }
  .xs-col-9  { width:75%; }
  .xs-col-10 { width:83.33333%; }
  .xs-col-11 { width:91.66667%; }
  .xs-col-12 { width:100%; }

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

  .xs-px3{ padding-left: 1rem; padding-right: 1rem; }
  .xs-px4{ padding-left: 2rem; padding-right: 2rem; }

  .xs-mr0{ margin-right:0 }
  .xs-mb3{ margin-bottom:1rem }
  .xs-mt0{ margin-top:0 }
  .xs-pt0{ padding-top:0 }

  .xs-mtn1 { margin-top:  -.25rem }

  .xs-border-none{ border:0 }

  .xs-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }

  /* font sizes */
  .xs-fs0 { font-size: 4rem;     /*64px*/ }
  .xs-fs1 { font-size: 2.125rem; /*34px*/ }
  .xs-fs2 { font-size: 1.75rem;  /*28px*/ }
  .xs-fs3 { font-size: 1.375rem; /*22px*/ }
  .xs-fs4 { font-size: 1.125rem  /*18px*/ }
  .xs-fs5 { font-size: 1rem;     /*16px*/ }
  .xs-fs6 { font-size: .875rem   /*14px*/ }
}

.pointer { cursor: pointer; }
.pointer-events-none { pointer-events: none; }
.pointer-events-all { pointer-events: all; }
.ew-resize { cursor: ew-resize; }


/* HALL OF SHAME */