/* GTI Custom Base */



/* Margin */

.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: .5rem }
.mt1 { margin-top: .5rem }
.mr1 { margin-right: .5rem }
.mb1 { margin-bottom: .5rem }
.ml1 { margin-left: .5rem }
.mx1 { margin-left: .5rem; margin-right: .5rem }
.my1 { margin-top: .5rem; margin-bottom: .5rem }

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

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

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

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

.m6 { margin: 6rem }
.mt6 { margin-top: 6rem }
.mr6 { margin-right: 6rem }
.mb6 { margin-bottom: 6rem }
.ml6 { margin-left: 6rem }
.mx6 { margin-left: 6rem; margin-right: 6rem }
.my6 { margin-top: 6rem; margin-bottom: 6rem }

.mtn1 { margin-top: -0.5rem }
.mrn1 { margin-right: -0.5rem }
.mbn1 { margin-bottom: -0.5rem }
.mln1 { margin-left: -0.5rem }

.mtn2 { margin-top: -1rem }
.mrn2 { margin-right: -1rem }
.mbn2 { margin-bottom: -1rem }
.mln2 { margin-left: -1rem }

.mtn3 { margin-top: -2rem }
.mrn3 { margin-right: -2rem }
.mbn3 { margin-bottom: -2rem }
.mln3 { margin-left: -2rem }

.mtn4 { margin-top: -4rem }
.mrn4 { margin-right: -4rem }
.mbn4 { margin-bottom: -4rem }
.mln4 { margin-left: -4rem }

.mtn5 { margin-top: -5rem }
.mrn5 { margin-right: -5rem }
.mbn5 { margin-bottom: -5rem }
.mln5 { margin-left: -5rem }

.mtn6 { margin-top: -6rem }
.mrn6 { margin-right: -6rem }
.mbn6 { margin-bottom: -6rem }
.mln6 { margin-left: -6rem }

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

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

/* Padding */

.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: .5rem }
.pt1 { padding-top: .5rem }
.pr1 { padding-right: .5rem }
.pb1 { padding-bottom: .5rem }
.pl1 { padding-left: .5rem }
.py1 { padding-top: .5rem; padding-bottom: .5rem }
.px1 { padding-left: .5rem; padding-right: .5rem }

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

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

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

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

.p6 { padding: 6rem }
.pt6 { padding-top: 6rem }
.pr6 { padding-right: 6rem }
.pb6 { padding-bottom: 6rem }
.pl6 { padding-left: 6rem }
.py6 { padding-top: 6rem; padding-bottom: 6rem }
.px6 { padding-left: 6rem; padding-right: 6rem }

/* Grid */

.row {
  clear: both;
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
.row:before, .row:after {
  box-sizing: border-box;
  display: table;
  content: " ";
}

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

.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-4-wrap { width: 33.33333% }
.col-6-wrap { width: 50% }
.col-12-wrap { width: 100% }

/* Flexbox */

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

/* Flexbox Grid */

.flexcol-1 { width: 100% }
.flexcol-2 { width: 50% }
.flexcol-3 { width: 33.33333% }
.flexcol-4 { width: 25% }
.flexcol-5 { width: 20% }
.flexcol-6 { width: 16.66667% }
.flexcol-7 { width: 14.28571% }
.flexcol-8 { width: 12.5% }
.flexcol-9 { width: 11.11111% }
.flexcol-10 { width: 10% }
.flexcol-11 { width: 9.09091% }
.flexcol-12 { width: 8.33333% }



/* Responsive Margins */

@media (min-width: 25em) {
    .xs-m0  { margin:        0 }
    .xs-mt0 { margin-top:    0 }
    .xs-mr0 { margin-right:  0 }
    .xs-mb0 { margin-bottom: 0 }
    .xs-ml0 { margin-left:   0 }
    .xs-mx0 { margin-left:   0; margin-right:  0 }
    .xs-my0 { margin-top:    0; margin-bottom: 0 }

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

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

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

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

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

    .xs-m6 { margin: 6rem }
    .xs-mt6 { margin-top: 6rem }
    .xs-mr6 { margin-right: 6rem }
    .xs-mb6 { margin-bottom: 6rem }
    .xs-ml6 { margin-left: 6rem }
    .xs-mx6 { margin-left: 6rem; margin-right: 6rem }
    .xs-my6 { margin-top: 6rem; margin-bottom: 6rem }

    .xs-mtn1 { margin-top: -0.5rem }
    .xs-mrn1 { margin-right: -0.5rem }
    .xs-mbn1 { margin-bottom: -0.5rem }
    .xs-mln1 { margin-left: -0.5rem }

    .xs-mtn2 { margin-top: -1rem }
    .xs-mrn2 { margin-right: -1rem }
    .xs-mbn2 { margin-bottom: -1rem }
    .xs-mln2 { margin-left: -1rem }

    .xs-mtn3 { margin-top: -2rem }
    .xs-mrn3 { margin-right: -2rem }
    .xs-mbn3 { margin-bottom: -2rem }
    .xs-mln3 { margin-left: -2rem }

    .xs-mtn4 { margin-top: -4rem }
    .xs-mrn4 { margin-right: -4rem }
    .xs-mbn4 { margin-bottom: -4rem }
    .xs-mln4 { margin-left: -4rem }

    .xs-mtn5 { margin-top: -5rem }
    .xs-mrn5 { margin-right: -5rem }
    .xs-mbn5 { margin-bottom: -5rem }
    .xs-mln5 { margin-left: -5rem }

    .xs-mtn6 { margin-top: -6rem }
    .xs-mrn6 { margin-right: -6rem }
    .xs-mbn6 { margin-bottom: -6rem }
    .xs-mln6 { margin-left: -6rem }

    .xs-mxn1 { margin-left: -0.5rem; margin-right: -0.5rem }
    .xs-mxn2 { margin-left: -1rem; margin-right: -1rem }
    .xs-mxn3 { margin-left: -2rem; margin-right: -2rem }
    .xs-mxn4 { margin-left: -4rem; margin-right: -4rem }
    .xs-mxn5 { margin-left: -5rem; margin-right: -5rem }
    .xs-mxn6 { margin-left: -6rem; margin-right: -6rem }

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

@media (min-width: 40em) {
    .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: .5rem }
    .sm-mt1 { margin-top: .5rem }
    .sm-mr1 { margin-right: .5rem }
    .sm-mb1 { margin-bottom: .5rem }
    .sm-ml1 { margin-left: .5rem }
    .sm-mx1 { margin-left: .5rem; margin-right: .5rem }
    .sm-my1 { margin-top: .5rem; margin-bottom: .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-mx2 { margin-left: 1rem; margin-right: 1rem }
    .sm-my2 { margin-top: 1rem; margin-bottom: 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-mx3 { margin-left: 2rem; margin-right: 2rem }
    .sm-my3 { margin-top: 2rem; margin-bottom: 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-mx4 { margin-left: 4rem; margin-right: 4rem }
    .sm-my4 { margin-top: 4rem; margin-bottom: 4rem }

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

    .sm-m6 { margin: 6rem }
    .sm-mt6 { margin-top: 6rem }
    .sm-mr6 { margin-right: 6rem }
    .sm-mb6 { margin-bottom: 6rem }
    .sm-ml6 { margin-left: 6rem }
    .sm-mx6 { margin-left: 6rem; margin-right: 6rem }
    .sm-my6 { margin-top: 6rem; margin-bottom: 6rem }

    .sm-mtn1 { margin-top: -0.5rem }
    .sm-mrn1 { margin-right: -0.5rem }
    .sm-mbn1 { margin-bottom: -0.5rem }
    .sm-mln1 { margin-left: -0.5rem }

    .sm-mtn2 { margin-top: -1rem }
    .sm-mrn2 { margin-right: -1rem }
    .sm-mbn2 { margin-bottom: -1rem }
    .sm-mln2 { margin-left: -1rem }

    .sm-mtn3 { margin-top: -2rem }
    .sm-mrn3 { margin-right: -2rem }
    .sm-mbn3 { margin-bottom: -2rem }
    .sm-mln3 { margin-left: -2rem }

    .sm-mtn4 { margin-top: -4rem }
    .sm-mrn4 { margin-right: -4rem }
    .sm-mbn4 { margin-bottom: -4rem }
    .sm-mln4 { margin-left: -4rem }

    .sm-mtn5 { margin-top: -5rem }
    .sm-mrn5 { margin-right: -5rem }
    .sm-mbn5 { margin-bottom: -5rem }
    .sm-mln5 { margin-left: -5rem }

    .sm-mtn6 { margin-top: -6rem }
    .sm-mrn6 { margin-right: -6rem }
    .sm-mbn6 { margin-bottom: -6rem }
    .sm-mln6 { margin-left: -6rem }

    .sm-mxn1 { margin-left: -0.5rem; margin-right: -0.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-mxn5 { margin-left: -5rem; margin-right: -5rem }
    .sm-mxn6 { margin-left: -6rem; margin-right: -6rem }

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

@media (min-width: 52em) {
    .md-m0  { margin:        0 }
    .md-mt0 { margin-top:    0 }
    .md-mr0 { margin-right:  0 }
    .md-mb0 { margin-bottom: 0 }
    .md-ml0 { margin-left:   0 }
    .md-mx0 { margin-left:   0; margin-right:  0 }
    .md-my0 { margin-top:    0; margin-bottom: 0 }

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

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

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

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

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

    .md-m6 { margin: 6rem }
    .md-mt6 { margin-top: 6rem }
    .md-mr6 { margin-right: 6rem }
    .md-mb6 { margin-bottom: 6rem }
    .md-ml6 { margin-left: 6rem }
    .md-mx6 { margin-left: 6rem; margin-right: 6rem }
    .md-my6 { margin-top: 6rem; margin-bottom: 6rem }

    .md-mtn1 { margin-top: -0.5rem }
    .md-mrn1 { margin-right: -0.5rem }
    .md-mbn1 { margin-bottom: -0.5rem }
    .md-mln1 { margin-left: -0.5rem }

    .md-mtn2 { margin-top: -1rem }
    .md-mrn2 { margin-right: -1rem }
    .md-mbn2 { margin-bottom: -1rem }
    .md-mln2 { margin-left: -1rem }

    .md-mtn3 { margin-top: -2rem }
    .md-mrn3 { margin-right: -2rem }
    .md-mbn3 { margin-bottom: -2rem }
    .md-mln3 { margin-left: -2rem }

    .md-mtn4 { margin-top: -4rem }
    .md-mrn4 { margin-right: -4rem }
    .md-mbn4 { margin-bottom: -4rem }
    .md-mln4 { margin-left: -4rem }

    .md-mtn5 { margin-top: -5rem }
    .md-mrn5 { margin-right: -5rem }
    .md-mbn5 { margin-bottom: -5rem }
    .md-mln5 { margin-left: -5rem }

    .md-mtn6 { margin-top: -6rem }
    .md-mrn6 { margin-right: -6rem }
    .md-mbn6 { margin-bottom: -6rem }
    .md-mln6 { margin-left: -6rem }

    .md-mxn1 { margin-left: -0.5rem; margin-right: -0.5rem }
    .md-mxn2 { margin-left: -1rem; margin-right: -1rem }
    .md-mxn3 { margin-left: -2rem; margin-right: -2rem }
    .md-mxn4 { margin-left: -4rem; margin-right: -4rem }
    .md-mxn5 { margin-left: -5rem; margin-right: -5rem }
    .md-mxn6 { margin-left: -6rem; margin-right: -6rem }

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

@media (min-width: 64em) {
    .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-mx0 { margin-left:   0; margin-right:  0 }
    .lg-my0 { margin-top:    0; margin-bottom: 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-mx1 { margin-left: .5rem; margin-right: .5rem }
    .lg-my1 { margin-top: .5rem; margin-bottom: .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-mx2 { margin-left: 1rem; margin-right: 1rem }
    .lg-my2 { margin-top: 1rem; margin-bottom: 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-mx3 { margin-left: 2rem; margin-right: 2rem }
    .lg-my3 { margin-top: 2rem; margin-bottom: 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-mx4 { margin-left: 4rem; margin-right: 4rem }
    .lg-my4 { margin-top: 4rem; margin-bottom: 4rem }

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

    .lg-m6 { margin: 6rem }
    .lg-mt6 { margin-top: 6rem }
    .lg-mr6 { margin-right: 6rem }
    .lg-mb6 { margin-bottom: 6rem }
    .lg-ml6 { margin-left: 6rem }
    .lg-mx6 { margin-left: 6rem; margin-right: 6rem }
    .lg-my6 { margin-top: 6rem; margin-bottom: 6rem }

    .lg-mtn1 { margin-top: -0.5rem }
    .lg-mrn1 { margin-right: -0.5rem }
    .lg-mbn1 { margin-bottom: -0.5rem }
    .lg-mln1 { margin-left: -0.5rem }

    .lg-mtn2 { margin-top: -1rem }
    .lg-mrn2 { margin-right: -1rem }
    .lg-mbn2 { margin-bottom: -1rem }
    .lg-mln2 { margin-left: -1rem }

    .lg-mtn3 { margin-top: -2rem }
    .lg-mrn3 { margin-right: -2rem }
    .lg-mbn3 { margin-bottom: -2rem }
    .lg-mln3 { margin-left: -2rem }

    .lg-mtn4 { margin-top: -4rem }
    .lg-mrn4 { margin-right: -4rem }
    .lg-mbn4 { margin-bottom: -4rem }
    .lg-mln4 { margin-left: -4rem }

    .lg-mtn5 { margin-top: -5rem }
    .lg-mrn5 { margin-right: -5rem }
    .lg-mbn5 { margin-bottom: -5rem }
    .lg-mln5 { margin-left: -5rem }

    .lg-mtn6 { margin-top: -6rem }
    .lg-mrn6 { margin-right: -6rem }
    .lg-mbn6 { margin-bottom: -6rem }
    .lg-mln6 { margin-left: -6rem }

    .lg-mxn1 { margin-left: -0.5rem; margin-right: -0.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-mxn5 { margin-left: -5rem; margin-right: -5rem }
    .lg-mxn6 { margin-left: -6rem; margin-right: -6rem }

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

@media (min-width: 77.5em) {
    .xl-m0  { margin:        0 }
    .xl-mt0 { margin-top:    0 }
    .xl-mr0 { margin-right:  0 }
    .xl-mb0 { margin-bottom: 0 }
    .xl-ml0 { margin-left:   0 }
    .xl-mx0 { margin-left:   0; margin-right:  0 }
    .xl-my0 { margin-top:    0; margin-bottom: 0 }

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

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

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

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

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

    .xl-m6 { margin: 6rem }
    .xl-mt6 { margin-top: 6rem }
    .xl-mr6 { margin-right: 6rem }
    .xl-mb6 { margin-bottom: 6rem }
    .xl-ml6 { margin-left: 6rem }
    .xl-mx6 { margin-left: 6rem; margin-right: 6rem }
    .xl-my6 { margin-top: 6rem; margin-bottom: 6rem }

    .xl-mtn1 { margin-top: -0.5rem }
    .xl-mrn1 { margin-right: -0.5rem }
    .xl-mbn1 { margin-bottom: -0.5rem }
    .xl-mln1 { margin-left: -0.5rem }

    .xl-mtn2 { margin-top: -1rem }
    .xl-mrn2 { margin-right: -1rem }
    .xl-mbn2 { margin-bottom: -1rem }
    .xl-mln2 { margin-left: -1rem }

    .xl-mtn3 { margin-top: -2rem }
    .xl-mrn3 { margin-right: -2rem }
    .xl-mbn3 { margin-bottom: -2rem }
    .xl-mln3 { margin-left: -2rem }

    .xl-mtn4 { margin-top: -4rem }
    .xl-mrn4 { margin-right: -4rem }
    .xl-mbn4 { margin-bottom: -4rem }
    .xl-mln4 { margin-left: -4rem }

    .xl-mtn5 { margin-top: -5rem }
    .xl-mrn5 { margin-right: -5rem }
    .xl-mbn5 { margin-bottom: -5rem }
    .xl-mln5 { margin-left: -5rem }

    .xl-mtn6 { margin-top: -6rem }
    .xl-mrn6 { margin-right: -6rem }
    .xl-mbn6 { margin-bottom: -6rem }
    .xl-mln6 { margin-left: -6rem }

    .xl-mxn1 { margin-left: -0.5rem; margin-right: -0.5rem }
    .xl-mxn2 { margin-left: -1rem; margin-right: -1rem }
    .xl-mxn3 { margin-left: -2rem; margin-right: -2rem }
    .xl-mxn4 { margin-left: -4rem; margin-right: -4rem }
    .xl-mxn5 { margin-left: -5rem; margin-right: -5rem }
    .xl-mxn6 { margin-left: -6rem; margin-right: -6rem }

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

/* Responsive Padding */

@media (min-width: 25em) {
    .xs-p0  { padding: 0 }
    .xs-pt0 { padding-top: 0 }
    .xs-pr0 { padding-right: 0 }
    .xs-pb0 { padding-bottom: 0 }
    .xs-pl0 { padding-left: 0 }
    .xs-px0 { padding-left: 0; padding-right:  0 }
    .xs-py0 { padding-top: 0;  padding-bottom: 0 }

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

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

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

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

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

    .xs-p6 { padding: 6rem }
    .xs-pt6 { padding-top: 6rem }
    .xs-pr6 { padding-right: 6rem }
    .xs-pb6 { padding-bottom: 6rem }
    .xs-pl6 { padding-left: 6rem }
    .xs-py6 { padding-top: 6rem; padding-bottom: 6rem }
    .xs-px6 { padding-left: 6rem; padding-right: 6rem }
}

@media (min-width: 40em) {
    .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: .5rem }
    .sm-pt1 { padding-top: .5rem }
    .sm-pr1 { padding-right: .5rem }
    .sm-pb1 { padding-bottom: .5rem }
    .sm-pl1 { padding-left: .5rem }
    .sm-py1 { padding-top: .5rem; padding-bottom: .5rem }
    .sm-px1 { padding-left: .5rem; padding-right: .5rem }

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

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

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

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

    .sm-p6 { padding: 6rem }
    .sm-pt6 { padding-top: 6rem }
    .sm-pr6 { padding-right: 6rem }
    .sm-pb6 { padding-bottom: 6rem }
    .sm-pl6 { padding-left: 6rem }
    .sm-py6 { padding-top: 6rem; padding-bottom: 6rem }
    .sm-px6 { padding-left: 6rem; padding-right: 6rem }

    .sm-pr2-wrap { padding-right: 1rem }
    .sm-pl2-wrap { padding-left: 1rem }
}

@media (min-width: 52em) {
    .md-p0  { padding: 0 }
    .md-pt0 { padding-top: 0 }
    .md-pr0 { padding-right: 0 }
    .md-pb0 { padding-bottom: 0 }
    .md-pl0 { padding-left: 0 }
    .md-px0 { padding-left: 0; padding-right:  0 }
    .md-py0 { padding-top: 0;  padding-bottom: 0 }

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

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

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

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

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

    .md-p6 { padding: 6rem }
    .md-pt6 { padding-top: 6rem }
    .md-pr6 { padding-right: 6rem }
    .md-pb6 { padding-bottom: 6rem }
    .md-pl6 { padding-left: 6rem }
    .md-py6 { padding-top: 6rem; padding-bottom: 6rem }
    .md-px6 { padding-left: 6rem; padding-right: 6rem }
}

@media (min-width: 64em) {
    .lg-p0  { padding: 0 }
    .lg-pt0 { padding-top: 0 }
    .lg-pr0 { padding-right: 0 }
    .lg-pb0 { padding-bottom: 0 }
    .lg-pl0 { padding-left: 0 }
    .lg-px0 { padding-left: 0; padding-right:  0 }
    .lg-py0 { padding-top: 0;  padding-bottom: 0 }

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

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

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

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

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

    .lg-p6 { padding: 6rem }
    .lg-pt6 { padding-top: 6rem }
    .lg-pr6 { padding-right: 6rem }
    .lg-pb6 { padding-bottom: 6rem }
    .lg-pl6 { padding-left: 6rem }
    .lg-py6 { padding-top: 6rem; padding-bottom: 6rem }
    .lg-px6 { padding-left: 6rem; padding-right: 6rem }
}

@media (min-width: 77.5em) {
    .xl-p0  { padding: 0 }
    .xl-pt0 { padding-top: 0 }
    .xl-pr0 { padding-right: 0 }
    .xl-pb0 { padding-bottom: 0 }
    .xl-pl0 { padding-left: 0 }
    .xl-px0 { padding-left: 0; padding-right:  0 }
    .xl-py0 { padding-top: 0;  padding-bottom: 0 }

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

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

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

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

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

    .xl-p6 { padding: 6rem }
    .xl-pt6 { padding-top: 6rem }
    .xl-pr6 { padding-right: 6rem }
    .xl-pb6 { padding-bottom: 6rem }
    .xl-pl6 { padding-left: 6rem }
    .xl-py6 { padding-top: 6rem; padding-bottom: 6rem }
    .xl-px6 { padding-left: 6rem; padding-right: 6rem }
}

/* Responsive Grid */

@media (min-width:25em) {
    .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% }
}

@media (min-width:40em) {
    .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-col-4-wrap { width: 33.33333% }
    .sm-col-6-wrap { width: 50% }
    .sm-col-12-wrap { width: 100% }

    .sm-col-wrap.sm-col-6-wrap.text-wrap, .sm-col-wrap.sm-col-6-wrap.country-wrap, .sm-col-wrap.sm-col-6-wrap.list-dropdown-wrap { clear: left;  }
    .sm-col-right-wrap.sm-col-6-wrap.text-wrap, .sm-col-right-wrap.sm-col-6-wrap.country-wrap, .sm-col-right-wrap.sm-col-6-wrap.list-dropdown-wrap { clear: right;  }

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

@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% }

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

@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% }
}

@media (min-width:77.5em) {
    .xl-col {
        float: left;
        box-sizing: border-box
    }
    .xl-col-right {
        float: right;
        box-sizing: border-box
    }
    .xl-col-1 { width: 8.33333% }
    .xl-col-2 { width: 16.66667% }
    .xl-col-3 { width: 25% }
    .xl-col-4 { width: 33.33333% }
    .xl-col-5 { width: 41.66667% }
    .xl-col-6 { width: 50% }
    .xl-col-7 { width: 58.33333% }
    .xl-col-8 { width: 66.66667% }
    .xl-col-9 { width: 75% }
    .xl-col-10 { width: 83.33333% }
    .xl-col-11 { width: 91.66667% }
    .xl-col-12 { width: 100% }
}

/* Responsive Flexbox */

@media (min-width:25em) {
    .xs-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
    }
}
@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
    }
}
@media (min-width:77.5em) {
    .xl-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}