Skip to content

Instantly share code, notes, and snippets.

@bryanwillis

bryanwillis/all-grid.css

Created October 17, 2016 10:32
Show Gist options
  • Save bryanwillis/7aa0d7123f271ba7ffb2e1d1e9d177f2 to your computer and use it in GitHub Desktop.
Save bryanwillis/7aa0d7123f271ba7ffb2e1d1e9d177f2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
all-grid.css
[class*="grid"] {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
margin: 0 -15px;
}
.cell,
[class*="cell-"] {
box-sizing: border-box;
flex: 0 0 auto;
padding: 0 15px 30px;
width: 100%;
position: relative;
}
.cell {
flex: 1 1 0%;
}
.grid.cell,
.grid[class*="cell-"] {
margin: 0;
padding: 0;
}
/************************
HELPERS SUFFIXES
*************************/
[class*="grid-"][class*="-noGutter"] {
margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="cell"] {
padding: 0;
}
[class*="grid-"][class*="-center"] {
justify-content: center;
}
[class*="grid-"][class*="-right"] {
justify-content: flex-end;
align-self: flex-end;
margin-left: auto;
}
[class*="grid-"][class*="-top"] {
align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
align-items: center;
}
[class*="grid-"][class*="-bottom"] {
align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
flex-direction: column;
}
[class*="grid-"][class*="-column"] > [class*="cell-"] {
flex-basis: auto;
}
[class*="grid-"][class*="-column-reverse"] {
flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="cell"] {
display: flex;
}
[class*="grid-"][class*="-noBottom"] > [class*="cell"] {
padding-bottom: 0;
}
[class*="cell-"][class*="-top"] {
align-self: flex-start;
}
[class*="cell-"][class*="-middle"] {
align-self: center;
}
[class*="cell-"][class*="-bottom"] {
align-self: flex-end;
}
[class*="cell-"][class*="-first"] {
order: -1;
}
[class*="cell-"][class*="-last"] {
order: 1;
}
@media screen and (min-width: 576px) {
[class*="grid-"][class*="-noGutter"] {
margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="cell"] {
padding: 0;
}
[class*="grid-"][class*="-center"] {
justify-content: center;
}
[class*="grid-"][class*="-right"] {
justify-content: flex-end;
align-self: flex-end;
margin-left: auto;
}
[class*="grid-"][class*="-top"] {
align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
align-items: center;
}
[class*="grid-"][class*="-bottom"] {
align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
flex-direction: column;
}
[class*="grid-"][class*="-column"] > [class*="cell-"] {
flex-basis: auto;
}
[class*="grid-"][class*="-column-reverse"] {
flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="cell"] {
display: flex;
}
[class*="grid-"][class*="-noBottom"] > [class*="cell"] {
padding-bottom: 0;
}
[class*="cell-"][class*="-top"] {
align-self: flex-start;
}
[class*="cell-"][class*="-middle"] {
align-self: center;
}
[class*="cell-"][class*="-bottom"] {
align-self: flex-end;
}
[class*="cell-"][class*="-first"] {
order: -1;
}
[class*="cell-"][class*="-last"] {
order: 1;
}
}
@media screen and (min-width: 768px) {
[class*="grid-"][class*="-noGutter"] {
margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="cell"] {
padding: 0;
}
[class*="grid-"][class*="-center"] {
justify-content: center;
}
[class*="grid-"][class*="-right"] {
justify-content: flex-end;
align-self: flex-end;
margin-left: auto;
}
[class*="grid-"][class*="-top"] {
align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
align-items: center;
}
[class*="grid-"][class*="-bottom"] {
align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
flex-direction: column;
}
[class*="grid-"][class*="-column"] > [class*="cell-"] {
flex-basis: auto;
}
[class*="grid-"][class*="-column-reverse"] {
flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="cell"] {
display: flex;
}
[class*="grid-"][class*="-noBottom"] > [class*="cell"] {
padding-bottom: 0;
}
[class*="cell-"][class*="-top"] {
align-self: flex-start;
}
[class*="cell-"][class*="-middle"] {
align-self: center;
}
[class*="cell-"][class*="-bottom"] {
align-self: flex-end;
}
[class*="cell-"][class*="-first"] {
order: -1;
}
[class*="cell-"][class*="-last"] {
order: 1;
}
}
@media screen and (min-width: 992px) {
[class*="grid-"][class*="-noGutter"] {
margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="cell"] {
padding: 0;
}
[class*="grid-"][class*="-center"] {
justify-content: center;
}
[class*="grid-"][class*="-right"] {
justify-content: flex-end;
align-self: flex-end;
margin-left: auto;
}
[class*="grid-"][class*="-top"] {
align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
align-items: center;
}
[class*="grid-"][class*="-bottom"] {
align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
flex-direction: column;
}
[class*="grid-"][class*="-column"] > [class*="cell-"] {
flex-basis: auto;
}
[class*="grid-"][class*="-column-reverse"] {
flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="cell"] {
display: flex;
}
[class*="grid-"][class*="-noBottom"] > [class*="cell"] {
padding-bottom: 0;
}
[class*="cell-"][class*="-top"] {
align-self: flex-start;
}
[class*="cell-"][class*="-middle"] {
align-self: center;
}
[class*="cell-"][class*="-bottom"] {
align-self: flex-end;
}
[class*="cell-"][class*="-first"] {
order: -1;
}
[class*="cell-"][class*="-last"] {
order: 1;
}
}
@media screen and (min-width: 1200px) {
[class*="grid-"][class*="-noGutter"] {
margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="cell"] {
padding: 0;
}
[class*="grid-"][class*="-center"] {
justify-content: center;
}
[class*="grid-"][class*="-right"] {
justify-content: flex-end;
align-self: flex-end;
margin-left: auto;
}
[class*="grid-"][class*="-top"] {
align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
align-items: center;
}
[class*="grid-"][class*="-bottom"] {
align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
flex-direction: column;
}
[class*="grid-"][class*="-column"] > [class*="cell-"] {
flex-basis: auto;
}
[class*="grid-"][class*="-column-reverse"] {
flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="cell"] {
display: flex;
}
[class*="grid-"][class*="-noBottom"] > [class*="cell"] {
padding-bottom: 0;
}
[class*="cell-"][class*="-top"] {
align-self: flex-start;
}
[class*="cell-"][class*="-middle"] {
align-self: center;
}
[class*="cell-"][class*="-bottom"] {
align-self: flex-end;
}
[class*="cell-"][class*="-first"] {
order: -1;
}
[class*="cell-"][class*="-last"] {
order: 1;
}
}
/********************************************
Responsive Alignment and Hidden
*********************************************/
[class*="cell-"]:not([class*="cell-0"]) {
display: block;
}
[class*="grid"][class*="cell-"]:not([class*="cell-0"]) {
display: flex;
}
[class*="cell-0"] {
display: none;
}
[class*="text-align-"][class*="-l"] {
text-align: left;
}
[class*="text-align-"][class*="-r"] {
text-align: right;
}
[class*="text-align-"][class*="-c"] {
text-align: center;
}
[class*="text-align-"][class*="-j"] {
text-align: justify;
}
[class*="float-"][class*="-l"] {
float: left;
}
[class*="float-"][class*="-r"] {
float: right;
}
[class*="float-"][class*="-n"] {
float: none;
}
@media screen and (min-width: 576px) {
[class*="cell-"]:not([class*="_sm-0"]) {
display: block;
}
[class*="grid"][class*="cell-"]:not([class*="_sm-0"]) {
display: flex;
}
[class*="cell-"][class*="_sm-0"] {
display: none;
}
[class*="text-align-"][class*="-l"] {
text-align: left;
}
[class*="text-align-"][class*="-r"] {
text-align: right;
}
[class*="text-align-"][class*="-c"] {
text-align: center;
}
[class*="text-align-"][class*="-j"] {
text-align: justify;
}
[class*="float-"][class*="-l"] {
float: left;
}
[class*="float-"][class*="-r"] {
float: right;
}
[class*="float-"][class*="-n"] {
float: none;
}
}
@media screen and (min-width: 768px) {
[class*="cell-"]:not([class*="_md-0"]) {
display: block;
}
[class*="grid"][class*="cell-"]:not([class*="_md-0"]) {
display: flex;
}
[class*="cell-"][class*="_md-0"] {
display: none;
}
[class*="text-align-"][class*="-l"] {
text-align: left;
}
[class*="text-align-"][class*="-r"] {
text-align: right;
}
[class*="text-align-"][class*="-c"] {
text-align: center;
}
[class*="text-align-"][class*="-j"] {
text-align: justify;
}
[class*="float-"][class*="-l"] {
float: left;
}
[class*="float-"][class*="-r"] {
float: right;
}
[class*="float-"][class*="-n"] {
float: none;
}
}
@media screen and (min-width: 992px) {
[class*="cell-"]:not([class*="_lg-0"]) {
display: block;
}
[class*="grid"][class*="cell-"]:not([class*="_lg-0"]) {
display: flex;
}
[class*="cell-"][class*="_lg-0"] {
display: none;
}
[class*="text-align-"][class*="-l"] {
text-align: left;
}
[class*="text-align-"][class*="-r"] {
text-align: right;
}
[class*="text-align-"][class*="-c"] {
text-align: center;
}
[class*="text-align-"][class*="-j"] {
text-align: justify;
}
[class*="float-"][class*="-l"] {
float: left;
}
[class*="float-"][class*="-r"] {
float: right;
}
[class*="float-"][class*="-n"] {
float: none;
}
}
@media screen and (min-width: 1200px) {
[class*="cell-"]:not([class*="_xl-0"]) {
display: block;
}
[class*="grid"][class*="cell-"]:not([class*="_xl-0"]) {
display: flex;
}
[class*="cell-"][class*="_xl-0"] {
display: none;
}
[class*="text-align-"][class*="-l"] {
text-align: left;
}
[class*="text-align-"][class*="-r"] {
text-align: right;
}
[class*="text-align-"][class*="-c"] {
text-align: center;
}
[class*="text-align-"][class*="-j"] {
text-align: justify;
}
[class*="float-"][class*="-l"] {
float: left;
}
[class*="float-"][class*="-r"] {
float: right;
}
[class*="float-"][class*="-n"] {
float: none;
}
}
/************************
GRID BY NUMBER
*************************/
[class*="grid-1"] > .cell, [class*="grid-1"] > [class*='cell-'] {
flex-basis: 100%;
max-width: 100%;
}
[class*="grid-2"] > .cell, [class*="grid-2"] > [class*='cell-'] {
flex-basis: 50%;
max-width: 50%;
}
[class*="grid-3"] > .cell, [class*="grid-3"] > [class*='cell-'] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*="grid-4"] > .cell, [class*="grid-4"] > [class*='cell-'] {
flex-basis: 25%;
max-width: 25%;
}
[class*="grid-5"] > .cell, [class*="grid-5"] > [class*='cell-'] {
flex-basis: 20%;
max-width: 20%;
}
[class*="grid-6"] > .cell, [class*="grid-6"] > [class*='cell-'] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*="grid-7"] > .cell, [class*="grid-7"] > [class*='cell-'] {
flex-basis: 14.28571%;
max-width: 14.28571%;
}
[class*="grid-8"] > .cell, [class*="grid-8"] > [class*='cell-'] {
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="grid-9"] > .cell, [class*="grid-9"] > [class*='cell-'] {
flex-basis: 11.11111%;
max-width: 11.11111%;
}
[class*="grid-10"] > .cell, [class*="grid-10"] > [class*='cell-'] {
flex-basis: 10%;
max-width: 10%;
}
[class*="grid-11"] > .cell, [class*="grid-11"] > [class*='cell-'] {
flex-basis: 9.09091%;
max-width: 9.09091%;
}
[class*="grid-12"] > .cell, [class*="grid-12"] > [class*='cell-'] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
@media screen and (min-width: 576px) {
[class*="_sm-1"] > .cell, [class*="_sm-1"] > [class*='cell-'] {
flex-basis: 100%;
max-width: 100%;
}
[class*="_sm-2"] > .cell, [class*="_sm-2"] > [class*='cell-'] {
flex-basis: 50%;
max-width: 50%;
}
[class*="_sm-3"] > .cell, [class*="_sm-3"] > [class*='cell-'] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*="_sm-4"] > .cell, [class*="_sm-4"] > [class*='cell-'] {
flex-basis: 25%;
max-width: 25%;
}
[class*="_sm-5"] > .cell, [class*="_sm-5"] > [class*='cell-'] {
flex-basis: 20%;
max-width: 20%;
}
[class*="_sm-6"] > .cell, [class*="_sm-6"] > [class*='cell-'] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*="_sm-7"] > .cell, [class*="_sm-7"] > [class*='cell-'] {
flex-basis: 14.28571%;
max-width: 14.28571%;
}
[class*="_sm-8"] > .cell, [class*="_sm-8"] > [class*='cell-'] {
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_sm-9"] > .cell, [class*="_sm-9"] > [class*='cell-'] {
flex-basis: 11.11111%;
max-width: 11.11111%;
}
[class*="_sm-10"] > .cell, [class*="_sm-10"] > [class*='cell-'] {
flex-basis: 10%;
max-width: 10%;
}
[class*="_sm-11"] > .cell, [class*="_sm-11"] > [class*='cell-'] {
flex-basis: 9.09091%;
max-width: 9.09091%;
}
[class*="_sm-12"] > .cell, [class*="_sm-12"] > [class*='cell-'] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
}
@media screen and (min-width: 768px) {
[class*="_md-1"] > .cell, [class*="_md-1"] > [class*='cell-'] {
flex-basis: 100%;
max-width: 100%;
}
[class*="_md-2"] > .cell, [class*="_md-2"] > [class*='cell-'] {
flex-basis: 50%;
max-width: 50%;
}
[class*="_md-3"] > .cell, [class*="_md-3"] > [class*='cell-'] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*="_md-4"] > .cell, [class*="_md-4"] > [class*='cell-'] {
flex-basis: 25%;
max-width: 25%;
}
[class*="_md-5"] > .cell, [class*="_md-5"] > [class*='cell-'] {
flex-basis: 20%;
max-width: 20%;
}
[class*="_md-6"] > .cell, [class*="_md-6"] > [class*='cell-'] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*="_md-7"] > .cell, [class*="_md-7"] > [class*='cell-'] {
flex-basis: 14.28571%;
max-width: 14.28571%;
}
[class*="_md-8"] > .cell, [class*="_md-8"] > [class*='cell-'] {
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_md-9"] > .cell, [class*="_md-9"] > [class*='cell-'] {
flex-basis: 11.11111%;
max-width: 11.11111%;
}
[class*="_md-10"] > .cell, [class*="_md-10"] > [class*='cell-'] {
flex-basis: 10%;
max-width: 10%;
}
[class*="_md-11"] > .cell, [class*="_md-11"] > [class*='cell-'] {
flex-basis: 9.09091%;
max-width: 9.09091%;
}
[class*="_md-12"] > .cell, [class*="_md-12"] > [class*='cell-'] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
}
@media screen and (min-width: 992px) {
[class*="_lg-1"] > .cell, [class*="_lg-1"] > [class*='cell-'] {
flex-basis: 100%;
max-width: 100%;
}
[class*="_lg-2"] > .cell, [class*="_lg-2"] > [class*='cell-'] {
flex-basis: 50%;
max-width: 50%;
}
[class*="_lg-3"] > .cell, [class*="_lg-3"] > [class*='cell-'] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*="_lg-4"] > .cell, [class*="_lg-4"] > [class*='cell-'] {
flex-basis: 25%;
max-width: 25%;
}
[class*="_lg-5"] > .cell, [class*="_lg-5"] > [class*='cell-'] {
flex-basis: 20%;
max-width: 20%;
}
[class*="_lg-6"] > .cell, [class*="_lg-6"] > [class*='cell-'] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*="_lg-7"] > .cell, [class*="_lg-7"] > [class*='cell-'] {
flex-basis: 14.28571%;
max-width: 14.28571%;
}
[class*="_lg-8"] > .cell, [class*="_lg-8"] > [class*='cell-'] {
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_lg-9"] > .cell, [class*="_lg-9"] > [class*='cell-'] {
flex-basis: 11.11111%;
max-width: 11.11111%;
}
[class*="_lg-10"] > .cell, [class*="_lg-10"] > [class*='cell-'] {
flex-basis: 10%;
max-width: 10%;
}
[class*="_lg-11"] > .cell, [class*="_lg-11"] > [class*='cell-'] {
flex-basis: 9.09091%;
max-width: 9.09091%;
}
[class*="_lg-12"] > .cell, [class*="_lg-12"] > [class*='cell-'] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
}
@media screen and (min-width: 1200px) {
[class*="_xl-1"] > .cell, [class*="_xl-1"] > [class*='cell-'] {
flex-basis: 100%;
max-width: 100%;
}
[class*="_xl-2"] > .cell, [class*="_xl-2"] > [class*='cell-'] {
flex-basis: 50%;
max-width: 50%;
}
[class*="_xl-3"] > .cell, [class*="_xl-3"] > [class*='cell-'] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*="_xl-4"] > .cell, [class*="_xl-4"] > [class*='cell-'] {
flex-basis: 25%;
max-width: 25%;
}
[class*="_xl-5"] > .cell, [class*="_xl-5"] > [class*='cell-'] {
flex-basis: 20%;
max-width: 20%;
}
[class*="_xl-6"] > .cell, [class*="_xl-6"] > [class*='cell-'] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*="_xl-7"] > .cell, [class*="_xl-7"] > [class*='cell-'] {
flex-basis: 14.28571%;
max-width: 14.28571%;
}
[class*="_xl-8"] > .cell, [class*="_xl-8"] > [class*='cell-'] {
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_xl-9"] > .cell, [class*="_xl-9"] > [class*='cell-'] {
flex-basis: 11.11111%;
max-width: 11.11111%;
}
[class*="_xl-10"] > .cell, [class*="_xl-10"] > [class*='cell-'] {
flex-basis: 10%;
max-width: 10%;
}
[class*="_xl-11"] > .cell, [class*="_xl-11"] > [class*='cell-'] {
flex-basis: 9.09091%;
max-width: 9.09091%;
}
[class*="_xl-12"] > .cell, [class*="_xl-12"] > [class*='cell-'] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
}
/************************
COLS SIZES
*************************/
[class*='grid'] > [class*="cell-1"] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
[class*='grid'] > [class*="cell-2"] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*='grid'] > [class*="cell-3"] {
flex-basis: 25%;
max-width: 25%;
}
[class*='grid'] > [class*="cell-4"] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*='grid'] > [class*="cell-5"] {
flex-basis: 41.66667%;
max-width: 41.66667%;
}
[class*='grid'] > [class*="cell-6"] {
flex-basis: 50%;
max-width: 50%;
}
[class*='grid'] > [class*="cell-7"] {
flex-basis: 58.33333%;
max-width: 58.33333%;
}
[class*='grid'] > [class*="cell-8"] {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
[class*='grid'] > [class*="cell-9"] {
flex-basis: 75%;
max-width: 75%;
}
[class*='grid'] > [class*="cell-10"] {
flex-basis: 83.33333%;
max-width: 83.33333%;
}
[class*='grid'] > [class*="cell-11"] {
flex-basis: 91.66667%;
max-width: 91.66667%;
}
[class*='grid'] > [class*="cell-12"] {
flex-basis: 100%;
max-width: 100%;
}
[class*="grid"] > [class*="offLeft-0"] {
margin-left: 0;
}
[class*="grid"] > [class*="offLeft-1"] {
margin-left: 8.33333%;
}
[class*="grid"] > [class*="offLeft-2"] {
margin-left: 16.66667%;
}
[class*="grid"] > [class*="offLeft-3"] {
margin-left: 25%;
}
[class*="grid"] > [class*="offLeft-4"] {
margin-left: 33.33333%;
}
[class*="grid"] > [class*="offLeft-5"] {
margin-left: 41.66667%;
}
[class*="grid"] > [class*="offLeft-6"] {
margin-left: 50%;
}
[class*="grid"] > [class*="offLeft-7"] {
margin-left: 58.33333%;
}
[class*="grid"] > [class*="offLeft-8"] {
margin-left: 66.66667%;
}
[class*="grid"] > [class*="offLeft-9"] {
margin-left: 75%;
}
[class*="grid"] > [class*="offLeft-10"] {
margin-left: 83.33333%;
}
[class*="grid"] > [class*="offLeft-11"] {
margin-left: 91.66667%;
}
[class*="grid"] > [class*="offRight-0"] {
margin-right: 0;
}
[class*="grid"] > [class*="offRight-1"] {
margin-right: 8.33333%;
}
[class*="grid"] > [class*="offRight-2"] {
margin-right: 16.66667%;
}
[class*="grid"] > [class*="offRight-3"] {
margin-right: 25%;
}
[class*="grid"] > [class*="offRight-4"] {
margin-right: 33.33333%;
}
[class*="grid"] > [class*="offRight-5"] {
margin-right: 41.66667%;
}
[class*="grid"] > [class*="offRight-6"] {
margin-right: 50%;
}
[class*="grid"] > [class*="offRight-7"] {
margin-right: 58.33333%;
}
[class*="grid"] > [class*="offRight-8"] {
margin-right: 66.66667%;
}
[class*="grid"] > [class*="offRight-9"] {
margin-right: 75%;
}
[class*="grid"] > [class*="offRight-10"] {
margin-right: 83.33333%;
}
[class*="grid"] > [class*="offRight-11"] {
margin-right: 91.66667%;
}
@media screen and (min-width: 576px) {
[class*='grid'] > [class*="_sm-1"] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
[class*='grid'] > [class*="_sm-2"] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*='grid'] > [class*="_sm-3"] {
flex-basis: 25%;
max-width: 25%;
}
[class*='grid'] > [class*="_sm-4"] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*='grid'] > [class*="_sm-5"] {
flex-basis: 41.66667%;
max-width: 41.66667%;
}
[class*='grid'] > [class*="_sm-6"] {
flex-basis: 50%;
max-width: 50%;
}
[class*='grid'] > [class*="_sm-7"] {
flex-basis: 58.33333%;
max-width: 58.33333%;
}
[class*='grid'] > [class*="_sm-8"] {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
[class*='grid'] > [class*="_sm-9"] {
flex-basis: 75%;
max-width: 75%;
}
[class*='grid'] > [class*="_sm-10"] {
flex-basis: 83.33333%;
max-width: 83.33333%;
}
[class*='grid'] > [class*="_sm-11"] {
flex-basis: 91.66667%;
max-width: 91.66667%;
}
[class*='grid'] > [class*="_sm-12"] {
flex-basis: 100%;
max-width: 100%;
}
[class*="grid"] > [class*="offLeft-0"] {
margin-left: 0;
}
[class*="grid"] > [class*="offLeft-1"] {
margin-left: 8.33333%;
}
[class*="grid"] > [class*="offLeft-2"] {
margin-left: 16.66667%;
}
[class*="grid"] > [class*="offLeft-3"] {
margin-left: 25%;
}
[class*="grid"] > [class*="offLeft-4"] {
margin-left: 33.33333%;
}
[class*="grid"] > [class*="offLeft-5"] {
margin-left: 41.66667%;
}
[class*="grid"] > [class*="offLeft-6"] {
margin-left: 50%;
}
[class*="grid"] > [class*="offLeft-7"] {
margin-left: 58.33333%;
}
[class*="grid"] > [class*="offLeft-8"] {
margin-left: 66.66667%;
}
[class*="grid"] > [class*="offLeft-9"] {
margin-left: 75%;
}
[class*="grid"] > [class*="offLeft-10"] {
margin-left: 83.33333%;
}
[class*="grid"] > [class*="offLeft-11"] {
margin-left: 91.66667%;
}
[class*="grid"] > [class*="offRight-0"] {
margin-right: 0;
}
[class*="grid"] > [class*="offRight-1"] {
margin-right: 8.33333%;
}
[class*="grid"] > [class*="offRight-2"] {
margin-right: 16.66667%;
}
[class*="grid"] > [class*="offRight-3"] {
margin-right: 25%;
}
[class*="grid"] > [class*="offRight-4"] {
margin-right: 33.33333%;
}
[class*="grid"] > [class*="offRight-5"] {
margin-right: 41.66667%;
}
[class*="grid"] > [class*="offRight-6"] {
margin-right: 50%;
}
[class*="grid"] > [class*="offRight-7"] {
margin-right: 58.33333%;
}
[class*="grid"] > [class*="offRight-8"] {
margin-right: 66.66667%;
}
[class*="grid"] > [class*="offRight-9"] {
margin-right: 75%;
}
[class*="grid"] > [class*="offRight-10"] {
margin-right: 83.33333%;
}
[class*="grid"] > [class*="offRight-11"] {
margin-right: 91.66667%;
}
}
@media screen and (min-width: 768px) {
[class*='grid'] > [class*="_md-1"] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
[class*='grid'] > [class*="_md-2"] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*='grid'] > [class*="_md-3"] {
flex-basis: 25%;
max-width: 25%;
}
[class*='grid'] > [class*="_md-4"] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*='grid'] > [class*="_md-5"] {
flex-basis: 41.66667%;
max-width: 41.66667%;
}
[class*='grid'] > [class*="_md-6"] {
flex-basis: 50%;
max-width: 50%;
}
[class*='grid'] > [class*="_md-7"] {
flex-basis: 58.33333%;
max-width: 58.33333%;
}
[class*='grid'] > [class*="_md-8"] {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
[class*='grid'] > [class*="_md-9"] {
flex-basis: 75%;
max-width: 75%;
}
[class*='grid'] > [class*="_md-10"] {
flex-basis: 83.33333%;
max-width: 83.33333%;
}
[class*='grid'] > [class*="_md-11"] {
flex-basis: 91.66667%;
max-width: 91.66667%;
}
[class*='grid'] > [class*="_md-12"] {
flex-basis: 100%;
max-width: 100%;
}
[class*="grid"] > [class*="offLeft-0"] {
margin-left: 0;
}
[class*="grid"] > [class*="offLeft-1"] {
margin-left: 8.33333%;
}
[class*="grid"] > [class*="offLeft-2"] {
margin-left: 16.66667%;
}
[class*="grid"] > [class*="offLeft-3"] {
margin-left: 25%;
}
[class*="grid"] > [class*="offLeft-4"] {
margin-left: 33.33333%;
}
[class*="grid"] > [class*="offLeft-5"] {
margin-left: 41.66667%;
}
[class*="grid"] > [class*="offLeft-6"] {
margin-left: 50%;
}
[class*="grid"] > [class*="offLeft-7"] {
margin-left: 58.33333%;
}
[class*="grid"] > [class*="offLeft-8"] {
margin-left: 66.66667%;
}
[class*="grid"] > [class*="offLeft-9"] {
margin-left: 75%;
}
[class*="grid"] > [class*="offLeft-10"] {
margin-left: 83.33333%;
}
[class*="grid"] > [class*="offLeft-11"] {
margin-left: 91.66667%;
}
[class*="grid"] > [class*="offRight-0"] {
margin-right: 0;
}
[class*="grid"] > [class*="offRight-1"] {
margin-right: 8.33333%;
}
[class*="grid"] > [class*="offRight-2"] {
margin-right: 16.66667%;
}
[class*="grid"] > [class*="offRight-3"] {
margin-right: 25%;
}
[class*="grid"] > [class*="offRight-4"] {
margin-right: 33.33333%;
}
[class*="grid"] > [class*="offRight-5"] {
margin-right: 41.66667%;
}
[class*="grid"] > [class*="offRight-6"] {
margin-right: 50%;
}
[class*="grid"] > [class*="offRight-7"] {
margin-right: 58.33333%;
}
[class*="grid"] > [class*="offRight-8"] {
margin-right: 66.66667%;
}
[class*="grid"] > [class*="offRight-9"] {
margin-right: 75%;
}
[class*="grid"] > [class*="offRight-10"] {
margin-right: 83.33333%;
}
[class*="grid"] > [class*="offRight-11"] {
margin-right: 91.66667%;
}
}
@media screen and (min-width: 992px) {
[class*='grid'] > [class*="_lg-1"] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
[class*='grid'] > [class*="_lg-2"] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*='grid'] > [class*="_lg-3"] {
flex-basis: 25%;
max-width: 25%;
}
[class*='grid'] > [class*="_lg-4"] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*='grid'] > [class*="_lg-5"] {
flex-basis: 41.66667%;
max-width: 41.66667%;
}
[class*='grid'] > [class*="_lg-6"] {
flex-basis: 50%;
max-width: 50%;
}
[class*='grid'] > [class*="_lg-7"] {
flex-basis: 58.33333%;
max-width: 58.33333%;
}
[class*='grid'] > [class*="_lg-8"] {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
[class*='grid'] > [class*="_lg-9"] {
flex-basis: 75%;
max-width: 75%;
}
[class*='grid'] > [class*="_lg-10"] {
flex-basis: 83.33333%;
max-width: 83.33333%;
}
[class*='grid'] > [class*="_lg-11"] {
flex-basis: 91.66667%;
max-width: 91.66667%;
}
[class*='grid'] > [class*="_lg-12"] {
flex-basis: 100%;
max-width: 100%;
}
[class*="grid"] > [class*="offLeft-0"] {
margin-left: 0;
}
[class*="grid"] > [class*="offLeft-1"] {
margin-left: 8.33333%;
}
[class*="grid"] > [class*="offLeft-2"] {
margin-left: 16.66667%;
}
[class*="grid"] > [class*="offLeft-3"] {
margin-left: 25%;
}
[class*="grid"] > [class*="offLeft-4"] {
margin-left: 33.33333%;
}
[class*="grid"] > [class*="offLeft-5"] {
margin-left: 41.66667%;
}
[class*="grid"] > [class*="offLeft-6"] {
margin-left: 50%;
}
[class*="grid"] > [class*="offLeft-7"] {
margin-left: 58.33333%;
}
[class*="grid"] > [class*="offLeft-8"] {
margin-left: 66.66667%;
}
[class*="grid"] > [class*="offLeft-9"] {
margin-left: 75%;
}
[class*="grid"] > [class*="offLeft-10"] {
margin-left: 83.33333%;
}
[class*="grid"] > [class*="offLeft-11"] {
margin-left: 91.66667%;
}
[class*="grid"] > [class*="offRight-0"] {
margin-right: 0;
}
[class*="grid"] > [class*="offRight-1"] {
margin-right: 8.33333%;
}
[class*="grid"] > [class*="offRight-2"] {
margin-right: 16.66667%;
}
[class*="grid"] > [class*="offRight-3"] {
margin-right: 25%;
}
[class*="grid"] > [class*="offRight-4"] {
margin-right: 33.33333%;
}
[class*="grid"] > [class*="offRight-5"] {
margin-right: 41.66667%;
}
[class*="grid"] > [class*="offRight-6"] {
margin-right: 50%;
}
[class*="grid"] > [class*="offRight-7"] {
margin-right: 58.33333%;
}
[class*="grid"] > [class*="offRight-8"] {
margin-right: 66.66667%;
}
[class*="grid"] > [class*="offRight-9"] {
margin-right: 75%;
}
[class*="grid"] > [class*="offRight-10"] {
margin-right: 83.33333%;
}
[class*="grid"] > [class*="offRight-11"] {
margin-right: 91.66667%;
}
}
@media screen and (min-width: 1200px) {
[class*='grid'] > [class*="_xl-1"] {
flex-basis: 8.33333%;
max-width: 8.33333%;
}
[class*='grid'] > [class*="_xl-2"] {
flex-basis: 16.66667%;
max-width: 16.66667%;
}
[class*='grid'] > [class*="_xl-3"] {
flex-basis: 25%;
max-width: 25%;
}
[class*='grid'] > [class*="_xl-4"] {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
[class*='grid'] > [class*="_xl-5"] {
flex-basis: 41.66667%;
max-width: 41.66667%;
}
[class*='grid'] > [class*="_xl-6"] {
flex-basis: 50%;
max-width: 50%;
}
[class*='grid'] > [class*="_xl-7"] {
flex-basis: 58.33333%;
max-width: 58.33333%;
}
[class*='grid'] > [class*="_xl-8"] {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
[class*='grid'] > [class*="_xl-9"] {
flex-basis: 75%;
max-width: 75%;
}
[class*='grid'] > [class*="_xl-10"] {
flex-basis: 83.33333%;
max-width: 83.33333%;
}
[class*='grid'] > [class*="_xl-11"] {
flex-basis: 91.66667%;
max-width: 91.66667%;
}
[class*='grid'] > [class*="_xl-12"] {
flex-basis: 100%;
max-width: 100%;
}
[class*="grid"] > [class*="offLeft-0"] {
margin-left: 0;
}
[class*="grid"] > [class*="offLeft-1"] {
margin-left: 8.33333%;
}
[class*="grid"] > [class*="offLeft-2"] {
margin-left: 16.66667%;
}
[class*="grid"] > [class*="offLeft-3"] {
margin-left: 25%;
}
[class*="grid"] > [class*="offLeft-4"] {
margin-left: 33.33333%;
}
[class*="grid"] > [class*="offLeft-5"] {
margin-left: 41.66667%;
}
[class*="grid"] > [class*="offLeft-6"] {
margin-left: 50%;
}
[class*="grid"] > [class*="offLeft-7"] {
margin-left: 58.33333%;
}
[class*="grid"] > [class*="offLeft-8"] {
margin-left: 66.66667%;
}
[class*="grid"] > [class*="offLeft-9"] {
margin-left: 75%;
}
[class*="grid"] > [class*="offLeft-10"] {
margin-left: 83.33333%;
}
[class*="grid"] > [class*="offLeft-11"] {
margin-left: 91.66667%;
}
[class*="grid"] > [class*="offRight-0"] {
margin-right: 0;
}
[class*="grid"] > [class*="offRight-1"] {
margin-right: 8.33333%;
}
[class*="grid"] > [class*="offRight-2"] {
margin-right: 16.66667%;
}
[class*="grid"] > [class*="offRight-3"] {
margin-right: 25%;
}
[class*="grid"] > [class*="offRight-4"] {
margin-right: 33.33333%;
}
[class*="grid"] > [class*="offRight-5"] {
margin-right: 41.66667%;
}
[class*="grid"] > [class*="offRight-6"] {
margin-right: 50%;
}
[class*="grid"] > [class*="offRight-7"] {
margin-right: 58.33333%;
}
[class*="grid"] > [class*="offRight-8"] {
margin-right: 66.66667%;
}
[class*="grid"] > [class*="offRight-9"] {
margin-right: 75%;
}
[class*="grid"] > [class*="offRight-10"] {
margin-right: 83.33333%;
}
[class*="grid"] > [class*="offRight-11"] {
margin-right: 91.66667%;
}
}
/************************
SPACING
*************************/
.p-0 {
padding: 0px;
}
.p-1 {
padding: 1px;
}
.p-2 {
padding: 2px;
}
.p-3 {
padding: 3px;
}
.p-4 {
padding: 4px;
}
.p-5 {
padding: 5px;
}
.p-10 {
padding: 10px;
}
.p-15 {
padding: 15px;
}
.p-20 {
padding: 20px;
}
.p-25 {
padding: 25px;
}
.p-30 {
padding: 30px;
}
.p-35 {
padding: 35px;
}
.p-40 {
padding: 40px;
}
.p-45 {
padding: 45px;
}
.p-50 {
padding: 50px;
}
.p-60 {
padding: 60px;
}
.p-70 {
padding: 70px;
}
.p-80 {
padding: 80px;
}
.pt-0 {
padding-top: 0px;
}
.pt-1 {
padding-top: 1px;
}
.pt-2 {
padding-top: 2px;
}
.pt-3 {
padding-top: 3px;
}
.pt-4 {
padding-top: 4px;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pr-0 {
padding-right: 0px;
}
.pr-1 {
padding-right: 1px;
}
.pr-2 {
padding-right: 2px;
}
.pr-3 {
padding-right: 3px;
}
.pr-4 {
padding-right: 4px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-60 {
padding-right: 60px;
}
.pr-70 {
padding-right: 70px;
}
.pr-80 {
padding-right: 80px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-1 {
padding-bottom: 1px;
}
.pb-2 {
padding-bottom: 2px;
}
.pb-3 {
padding-bottom: 3px;
}
.pb-4 {
padding-bottom: 4px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pl-0 {
padding-left: 0px;
}
.pl-1 {
padding-left: 1px;
}
.pl-2 {
padding-left: 2px;
}
.pl-3 {
padding-left: 3px;
}
.pl-4 {
padding-left: 4px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-60 {
padding-left: 60px;
}
.pl-70 {
padding-left: 70px;
}
.pl-80 {
padding-left: 80px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 1px;
padding-right: 1px;
}
.px-2 {
padding-left: 2px;
padding-right: 2px;
}
.px-3 {
padding-left: 3px;
padding-right: 3px;
}
.px-4 {
padding-left: 4px;
padding-right: 4px;
}
.px-5 {
padding-left: 5px;
padding-right: 5px;
}
.px-10 {
padding-left: 10px;
padding-right: 10px;
}
.px-15 {
padding-left: 15px;
padding-right: 15px;
}
.px-20 {
padding-left: 20px;
padding-right: 20px;
}
.px-25 {
padding-left: 25px;
padding-right: 25px;
}
.px-30 {
padding-left: 30px;
padding-right: 30px;
}
.px-35 {
padding-left: 35px;
padding-right: 35px;
}
.px-40 {
padding-left: 40px;
padding-right: 40px;
}
.px-45 {
padding-left: 45px;
padding-right: 45px;
}
.px-50 {
padding-left: 50px;
padding-right: 50px;
}
.px-60 {
padding-left: 60px;
padding-right: 60px;
}
.px-70 {
padding-left: 70px;
padding-right: 70px;
}
.px-80 {
padding-left: 80px;
padding-right: 80px;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-1 {
padding-top: 1px;
padding-bottom: 1px;
}
.py-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.py-3 {
padding-top: 3px;
padding-bottom: 3px;
}
.py-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.py-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.py-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.py-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.py-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-45 {
padding-top: 45px;
padding-bottom: 45px;
}
.py-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.py-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.m-0 {
margin: 0px;
}
.m-1 {
margin: 1px;
}
.m-2 {
margin: 2px;
}
.m-3 {
margin: 3px;
}
.m-4 {
margin: 4px;
}
.m-5 {
margin: 5px;
}
.m-10 {
margin: 10px;
}
.m-15 {
margin: 15px;
}
.m-20 {
margin: 20px;
}
.m-25 {
margin: 25px;
}
.m-30 {
margin: 30px;
}
.m-35 {
margin: 35px;
}
.m-40 {
margin: 40px;
}
.m-45 {
margin: 45px;
}
.m-50 {
margin: 50px;
}
.m-60 {
margin: 60px;
}
.m-70 {
margin: 70px;
}
.m-80 {
margin: 80px;
}
.mt-0 {
margin-top: 0px;
}
.mt-1 {
margin-top: 1px;
}
.mt-2 {
margin-top: 2px;
}
.mt-3 {
margin-top: 3px;
}
.mt-4 {
margin-top: 4px;
}
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mr-0 {
margin-right: 0px;
}
.mr-1 {
margin-right: 1px;
}
.mr-2 {
margin-right: 2px;
}
.mr-3 {
margin-right: 3px;
}
.mr-4 {
margin-right: 4px;
}
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-60 {
margin-right: 60px;
}
.mr-70 {
margin-right: 70px;
}
.mr-80 {
margin-right: 80px;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 1px;
}
.mb-2 {
margin-bottom: 2px;
}
.mb-3 {
margin-bottom: 3px;
}
.mb-4 {
margin-bottom: 4px;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.ml-0 {
margin-left: 0px;
}
.ml-1 {
margin-left: 1px;
}
.ml-2 {
margin-left: 2px;
}
.ml-3 {
margin-left: 3px;
}
.ml-4 {
margin-left: 4px;
}
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-60 {
margin-left: 60px;
}
.ml-70 {
margin-left: 70px;
}
.ml-80 {
margin-left: 80px;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-1 {
margin-left: 1px;
margin-right: 1px;
}
.mx-2 {
margin-left: 2px;
margin-right: 2px;
}
.mx-3 {
margin-left: 3px;
margin-right: 3px;
}
.mx-4 {
margin-left: 4px;
margin-right: 4px;
}
.mx-5 {
margin-left: 5px;
margin-right: 5px;
}
.mx-10 {
margin-left: 10px;
margin-right: 10px;
}
.mx-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-20 {
margin-left: 20px;
margin-right: 20px;
}
.mx-25 {
margin-left: 25px;
margin-right: 25px;
}
.mx-30 {
margin-left: 30px;
margin-right: 30px;
}
.mx-35 {
margin-left: 35px;
margin-right: 35px;
}
.mx-40 {
margin-left: 40px;
margin-right: 40px;
}
.mx-45 {
margin-left: 45px;
margin-right: 45px;
}
.mx-50 {
margin-left: 50px;
margin-right: 50px;
}
.mx-60 {
margin-left: 60px;
margin-right: 60px;
}
.mx-70 {
margin-left: 70px;
margin-right: 70px;
}
.mx-80 {
margin-left: 80px;
margin-right: 80px;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-1 {
margin-top: 1px;
margin-bottom: 1px;
}
.my-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.my-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.my-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.my-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.my-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.my-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.my-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.my-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.my-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.my-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.my-45 {
margin-top: 45px;
margin-bottom: 45px;
}
.my-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.my-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.my-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.my-80 {
margin-top: 80px;
margin-bottom: 80px;
}
@media screen and (min-width: 576px) {
.p-sm-0 {
padding: 0px;
}
.p-sm-1 {
padding: 1px;
}
.p-sm-2 {
padding: 2px;
}
.p-sm-3 {
padding: 3px;
}
.p-sm-4 {
padding: 4px;
}
.p-sm-5 {
padding: 5px;
}
.p-sm-10 {
padding: 10px;
}
.p-sm-15 {
padding: 15px;
}
.p-sm-20 {
padding: 20px;
}
.p-sm-25 {
padding: 25px;
}
.p-sm-30 {
padding: 30px;
}
.p-sm-35 {
padding: 35px;
}
.p-sm-40 {
padding: 40px;
}
.p-sm-45 {
padding: 45px;
}
.p-sm-50 {
padding: 50px;
}
.p-sm-60 {
padding: 60px;
}
.p-sm-70 {
padding: 70px;
}
.p-sm-80 {
padding: 80px;
}
.pt-sm-0 {
padding-top: 0px;
}
.pt-sm-1 {
padding-top: 1px;
}
.pt-sm-2 {
padding-top: 2px;
}
.pt-sm-3 {
padding-top: 3px;
}
.pt-sm-4 {
padding-top: 4px;
}
.pt-sm-5 {
padding-top: 5px;
}
.pt-sm-10 {
padding-top: 10px;
}
.pt-sm-15 {
padding-top: 15px;
}
.pt-sm-20 {
padding-top: 20px;
}
.pt-sm-25 {
padding-top: 25px;
}
.pt-sm-30 {
padding-top: 30px;
}
.pt-sm-35 {
padding-top: 35px;
}
.pt-sm-40 {
padding-top: 40px;
}
.pt-sm-45 {
padding-top: 45px;
}
.pt-sm-50 {
padding-top: 50px;
}
.pt-sm-60 {
padding-top: 60px;
}
.pt-sm-70 {
padding-top: 70px;
}
.pt-sm-80 {
padding-top: 80px;
}
.pr-sm-0 {
padding-right: 0px;
}
.pr-sm-1 {
padding-right: 1px;
}
.pr-sm-2 {
padding-right: 2px;
}
.pr-sm-3 {
padding-right: 3px;
}
.pr-sm-4 {
padding-right: 4px;
}
.pr-sm-5 {
padding-right: 5px;
}
.pr-sm-10 {
padding-right: 10px;
}
.pr-sm-15 {
padding-right: 15px;
}
.pr-sm-20 {
padding-right: 20px;
}
.pr-sm-25 {
padding-right: 25px;
}
.pr-sm-30 {
padding-right: 30px;
}
.pr-sm-35 {
padding-right: 35px;
}
.pr-sm-40 {
padding-right: 40px;
}
.pr-sm-45 {
padding-right: 45px;
}
.pr-sm-50 {
padding-right: 50px;
}
.pr-sm-60 {
padding-right: 60px;
}
.pr-sm-70 {
padding-right: 70px;
}
.pr-sm-80 {
padding-right: 80px;
}
.pb-sm-0 {
padding-bottom: 0px;
}
.pb-sm-1 {
padding-bottom: 1px;
}
.pb-sm-2 {
padding-bottom: 2px;
}
.pb-sm-3 {
padding-bottom: 3px;
}
.pb-sm-4 {
padding-bottom: 4px;
}
.pb-sm-5 {
padding-bottom: 5px;
}
.pb-sm-10 {
padding-bottom: 10px;
}
.pb-sm-15 {
padding-bottom: 15px;
}
.pb-sm-20 {
padding-bottom: 20px;
}
.pb-sm-25 {
padding-bottom: 25px;
}
.pb-sm-30 {
padding-bottom: 30px;
}
.pb-sm-35 {
padding-bottom: 35px;
}
.pb-sm-40 {
padding-bottom: 40px;
}
.pb-sm-45 {
padding-bottom: 45px;
}
.pb-sm-50 {
padding-bottom: 50px;
}
.pb-sm-60 {
padding-bottom: 60px;
}
.pb-sm-70 {
padding-bottom: 70px;
}
.pb-sm-80 {
padding-bottom: 80px;
}
.pl-sm-0 {
padding-left: 0px;
}
.pl-sm-1 {
padding-left: 1px;
}
.pl-sm-2 {
padding-left: 2px;
}
.pl-sm-3 {
padding-left: 3px;
}
.pl-sm-4 {
padding-left: 4px;
}
.pl-sm-5 {
padding-left: 5px;
}
.pl-sm-10 {
padding-left: 10px;
}
.pl-sm-15 {
padding-left: 15px;
}
.pl-sm-20 {
padding-left: 20px;
}
.pl-sm-25 {
padding-left: 25px;
}
.pl-sm-30 {
padding-left: 30px;
}
.pl-sm-35 {
padding-left: 35px;
}
.pl-sm-40 {
padding-left: 40px;
}
.pl-sm-45 {
padding-left: 45px;
}
.pl-sm-50 {
padding-left: 50px;
}
.pl-sm-60 {
padding-left: 60px;
}
.pl-sm-70 {
padding-left: 70px;
}
.pl-sm-80 {
padding-left: 80px;
}
.px-sm-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-sm-1 {
padding-left: 1px;
padding-right: 1px;
}
.px-sm-2 {
padding-left: 2px;
padding-right: 2px;
}
.px-sm-3 {
padding-left: 3px;
padding-right: 3px;
}
.px-sm-4 {
padding-left: 4px;
padding-right: 4px;
}
.px-sm-5 {
padding-left: 5px;
padding-right: 5px;
}
.px-sm-10 {
padding-left: 10px;
padding-right: 10px;
}
.px-sm-15 {
padding-left: 15px;
padding-right: 15px;
}
.px-sm-20 {
padding-left: 20px;
padding-right: 20px;
}
.px-sm-25 {
padding-left: 25px;
padding-right: 25px;
}
.px-sm-30 {
padding-left: 30px;
padding-right: 30px;
}
.px-sm-35 {
padding-left: 35px;
padding-right: 35px;
}
.px-sm-40 {
padding-left: 40px;
padding-right: 40px;
}
.px-sm-45 {
padding-left: 45px;
padding-right: 45px;
}
.px-sm-50 {
padding-left: 50px;
padding-right: 50px;
}
.px-sm-60 {
padding-left: 60px;
padding-right: 60px;
}
.px-sm-70 {
padding-left: 70px;
padding-right: 70px;
}
.px-sm-80 {
padding-left: 80px;
padding-right: 80px;
}
.py-sm-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-sm-1 {
padding-top: 1px;
padding-bottom: 1px;
}
.py-sm-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.py-sm-3 {
padding-top: 3px;
padding-bottom: 3px;
}
.py-sm-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-sm-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.py-sm-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py-sm-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.py-sm-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-sm-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.py-sm-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.py-sm-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.py-sm-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-sm-45 {
padding-top: 45px;
padding-bottom: 45px;
}
.py-sm-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.py-sm-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.py-sm-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.py-sm-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.m-sm-0 {
margin: 0px;
}
.m-sm-1 {
margin: 1px;
}
.m-sm-2 {
margin: 2px;
}
.m-sm-3 {
margin: 3px;
}
.m-sm-4 {
margin: 4px;
}
.m-sm-5 {
margin: 5px;
}
.m-sm-10 {
margin: 10px;
}
.m-sm-15 {
margin: 15px;
}
.m-sm-20 {
margin: 20px;
}
.m-sm-25 {
margin: 25px;
}
.m-sm-30 {
margin: 30px;
}
.m-sm-35 {
margin: 35px;
}
.m-sm-40 {
margin: 40px;
}
.m-sm-45 {
margin: 45px;
}
.m-sm-50 {
margin: 50px;
}
.m-sm-60 {
margin: 60px;
}
.m-sm-70 {
margin: 70px;
}
.m-sm-80 {
margin: 80px;
}
.mt-sm-0 {
margin-top: 0px;
}
.mt-sm-1 {
margin-top: 1px;
}
.mt-sm-2 {
margin-top: 2px;
}
.mt-sm-3 {
margin-top: 3px;
}
.mt-sm-4 {
margin-top: 4px;
}
.mt-sm-5 {
margin-top: 5px;
}
.mt-sm-10 {
margin-top: 10px;
}
.mt-sm-15 {
margin-top: 15px;
}
.mt-sm-20 {
margin-top: 20px;
}
.mt-sm-25 {
margin-top: 25px;
}
.mt-sm-30 {
margin-top: 30px;
}
.mt-sm-35 {
margin-top: 35px;
}
.mt-sm-40 {
margin-top: 40px;
}
.mt-sm-45 {
margin-top: 45px;
}
.mt-sm-50 {
margin-top: 50px;
}
.mt-sm-60 {
margin-top: 60px;
}
.mt-sm-70 {
margin-top: 70px;
}
.mt-sm-80 {
margin-top: 80px;
}
.mr-sm-0 {
margin-right: 0px;
}
.mr-sm-1 {
margin-right: 1px;
}
.mr-sm-2 {
margin-right: 2px;
}
.mr-sm-3 {
margin-right: 3px;
}
.mr-sm-4 {
margin-right: 4px;
}
.mr-sm-5 {
margin-right: 5px;
}
.mr-sm-10 {
margin-right: 10px;
}
.mr-sm-15 {
margin-right: 15px;
}
.mr-sm-20 {
margin-right: 20px;
}
.mr-sm-25 {
margin-right: 25px;
}
.mr-sm-30 {
margin-right: 30px;
}
.mr-sm-35 {
margin-right: 35px;
}
.mr-sm-40 {
margin-right: 40px;
}
.mr-sm-45 {
margin-right: 45px;
}
.mr-sm-50 {
margin-right: 50px;
}
.mr-sm-60 {
margin-right: 60px;
}
.mr-sm-70 {
margin-right: 70px;
}
.mr-sm-80 {
margin-right: 80px;
}
.mb-sm-0 {
margin-bottom: 0px;
}
.mb-sm-1 {
margin-bottom: 1px;
}
.mb-sm-2 {
margin-bottom: 2px;
}
.mb-sm-3 {
margin-bottom: 3px;
}
.mb-sm-4 {
margin-bottom: 4px;
}
.mb-sm-5 {
margin-bottom: 5px;
}
.mb-sm-10 {
margin-bottom: 10px;
}
.mb-sm-15 {
margin-bottom: 15px;
}
.mb-sm-20 {
margin-bottom: 20px;
}
.mb-sm-25 {
margin-bottom: 25px;
}
.mb-sm-30 {
margin-bottom: 30px;
}
.mb-sm-35 {
margin-bottom: 35px;
}
.mb-sm-40 {
margin-bottom: 40px;
}
.mb-sm-45 {
margin-bottom: 45px;
}
.mb-sm-50 {
margin-bottom: 50px;
}
.mb-sm-60 {
margin-bottom: 60px;
}
.mb-sm-70 {
margin-bottom: 70px;
}
.mb-sm-80 {
margin-bottom: 80px;
}
.ml-sm-0 {
margin-left: 0px;
}
.ml-sm-1 {
margin-left: 1px;
}
.ml-sm-2 {
margin-left: 2px;
}
.ml-sm-3 {
margin-left: 3px;
}
.ml-sm-4 {
margin-left: 4px;
}
.ml-sm-5 {
margin-left: 5px;
}
.ml-sm-10 {
margin-left: 10px;
}
.ml-sm-15 {
margin-left: 15px;
}
.ml-sm-20 {
margin-left: 20px;
}
.ml-sm-25 {
margin-left: 25px;
}
.ml-sm-30 {
margin-left: 30px;
}
.ml-sm-35 {
margin-left: 35px;
}
.ml-sm-40 {
margin-left: 40px;
}
.ml-sm-45 {
margin-left: 45px;
}
.ml-sm-50 {
margin-left: 50px;
}
.ml-sm-60 {
margin-left: 60px;
}
.ml-sm-70 {
margin-left: 70px;
}
.ml-sm-80 {
margin-left: 80px;
}
.mx-sm-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-sm-1 {
margin-left: 1px;
margin-right: 1px;
}
.mx-sm-2 {
margin-left: 2px;
margin-right: 2px;
}
.mx-sm-3 {
margin-left: 3px;
margin-right: 3px;
}
.mx-sm-4 {
margin-left: 4px;
margin-right: 4px;
}
.mx-sm-5 {
margin-left: 5px;
margin-right: 5px;
}
.mx-sm-10 {
margin-left: 10px;
margin-right: 10px;
}
.mx-sm-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-sm-20 {
margin-left: 20px;
margin-right: 20px;
}
.mx-sm-25 {
margin-left: 25px;
margin-right: 25px;
}
.mx-sm-30 {
margin-left: 30px;
margin-right: 30px;
}
.mx-sm-35 {
margin-left: 35px;
margin-right: 35px;
}
.mx-sm-40 {
margin-left: 40px;
margin-right: 40px;
}
.mx-sm-45 {
margin-left: 45px;
margin-right: 45px;
}
.mx-sm-50 {
margin-left: 50px;
margin-right: 50px;
}
.mx-sm-60 {
margin-left: 60px;
margin-right: 60px;
}
.mx-sm-70 {
margin-left: 70px;
margin-right: 70px;
}
.mx-sm-80 {
margin-left: 80px;
margin-right: 80px;
}
.my-sm-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-sm-1 {
margin-top: 1px;
margin-bottom: 1px;
}
.my-sm-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.my-sm-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.my-sm-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.my-sm-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.my-sm-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.my-sm-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.my-sm-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.my-sm-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.my-sm-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.my-sm-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.my-sm-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.my-sm-45 {
margin-top: 45px;
margin-bottom: 45px;
}
.my-sm-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.my-sm-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.my-sm-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.my-sm-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media screen and (min-width: 768px) {
.p-md-0 {
padding: 0px;
}
.p-md-1 {
padding: 1px;
}
.p-md-2 {
padding: 2px;
}
.p-md-3 {
padding: 3px;
}
.p-md-4 {
padding: 4px;
}
.p-md-5 {
padding: 5px;
}
.p-md-10 {
padding: 10px;
}
.p-md-15 {
padding: 15px;
}
.p-md-20 {
padding: 20px;
}
.p-md-25 {
padding: 25px;
}
.p-md-30 {
padding: 30px;
}
.p-md-35 {
padding: 35px;
}
.p-md-40 {
padding: 40px;
}
.p-md-45 {
padding: 45px;
}
.p-md-50 {
padding: 50px;
}
.p-md-60 {
padding: 60px;
}
.p-md-70 {
padding: 70px;
}
.p-md-80 {
padding: 80px;
}
.pt-md-0 {
padding-top: 0px;
}
.pt-md-1 {
padding-top: 1px;
}
.pt-md-2 {
padding-top: 2px;
}
.pt-md-3 {
padding-top: 3px;
}
.pt-md-4 {
padding-top: 4px;
}
.pt-md-5 {
padding-top: 5px;
}
.pt-md-10 {
padding-top: 10px;
}
.pt-md-15 {
padding-top: 15px;
}
.pt-md-20 {
padding-top: 20px;
}
.pt-md-25 {
padding-top: 25px;
}
.pt-md-30 {
padding-top: 30px;
}
.pt-md-35 {
padding-top: 35px;
}
.pt-md-40 {
padding-top: 40px;
}
.pt-md-45 {
padding-top: 45px;
}
.pt-md-50 {
padding-top: 50px;
}
.pt-md-60 {
padding-top: 60px;
}
.pt-md-70 {
padding-top: 70px;
}
.pt-md-80 {
padding-top: 80px;
}
.pr-md-0 {
padding-right: 0px;
}
.pr-md-1 {
padding-right: 1px;
}
.pr-md-2 {
padding-right: 2px;
}
.pr-md-3 {
padding-right: 3px;
}
.pr-md-4 {
padding-right: 4px;
}
.pr-md-5 {
padding-right: 5px;
}
.pr-md-10 {
padding-right: 10px;
}
.pr-md-15 {
padding-right: 15px;
}
.pr-md-20 {
padding-right: 20px;
}
.pr-md-25 {
padding-right: 25px;
}
.pr-md-30 {
padding-right: 30px;
}
.pr-md-35 {
padding-right: 35px;
}
.pr-md-40 {
padding-right: 40px;
}
.pr-md-45 {
padding-right: 45px;
}
.pr-md-50 {
padding-right: 50px;
}
.pr-md-60 {
padding-right: 60px;
}
.pr-md-70 {
padding-right: 70px;
}
.pr-md-80 {
padding-right: 80px;
}
.pb-md-0 {
padding-bottom: 0px;
}
.pb-md-1 {
padding-bottom: 1px;
}
.pb-md-2 {
padding-bottom: 2px;
}
.pb-md-3 {
padding-bottom: 3px;
}
.pb-md-4 {
padding-bottom: 4px;
}
.pb-md-5 {
padding-bottom: 5px;
}
.pb-md-10 {
padding-bottom: 10px;
}
.pb-md-15 {
padding-bottom: 15px;
}
.pb-md-20 {
padding-bottom: 20px;
}
.pb-md-25 {
padding-bottom: 25px;
}
.pb-md-30 {
padding-bottom: 30px;
}
.pb-md-35 {
padding-bottom: 35px;
}
.pb-md-40 {
padding-bottom: 40px;
}
.pb-md-45 {
padding-bottom: 45px;
}
.pb-md-50 {
padding-bottom: 50px;
}
.pb-md-60 {
padding-bottom: 60px;
}
.pb-md-70 {
padding-bottom: 70px;
}
.pb-md-80 {
padding-bottom: 80px;
}
.pl-md-0 {
padding-left: 0px;
}
.pl-md-1 {
padding-left: 1px;
}
.pl-md-2 {
padding-left: 2px;
}
.pl-md-3 {
padding-left: 3px;
}
.pl-md-4 {
padding-left: 4px;
}
.pl-md-5 {
padding-left: 5px;
}
.pl-md-10 {
padding-left: 10px;
}
.pl-md-15 {
padding-left: 15px;
}
.pl-md-20 {
padding-left: 20px;
}
.pl-md-25 {
padding-left: 25px;
}
.pl-md-30 {
padding-left: 30px;
}
.pl-md-35 {
padding-left: 35px;
}
.pl-md-40 {
padding-left: 40px;
}
.pl-md-45 {
padding-left: 45px;
}
.pl-md-50 {
padding-left: 50px;
}
.pl-md-60 {
padding-left: 60px;
}
.pl-md-70 {
padding-left: 70px;
}
.pl-md-80 {
padding-left: 80px;
}
.px-md-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-md-1 {
padding-left: 1px;
padding-right: 1px;
}
.px-md-2 {
padding-left: 2px;
padding-right: 2px;
}
.px-md-3 {
padding-left: 3px;
padding-right: 3px;
}
.px-md-4 {
padding-left: 4px;
padding-right: 4px;
}
.px-md-5 {
padding-left: 5px;
padding-right: 5px;
}
.px-md-10 {
padding-left: 10px;
padding-right: 10px;
}
.px-md-15 {
padding-left: 15px;
padding-right: 15px;
}
.px-md-20 {
padding-left: 20px;
padding-right: 20px;
}
.px-md-25 {
padding-left: 25px;
padding-right: 25px;
}
.px-md-30 {
padding-left: 30px;
padding-right: 30px;
}
.px-md-35 {
padding-left: 35px;
padding-right: 35px;
}
.px-md-40 {
padding-left: 40px;
padding-right: 40px;
}
.px-md-45 {
padding-left: 45px;
padding-right: 45px;
}
.px-md-50 {
padding-left: 50px;
padding-right: 50px;
}
.px-md-60 {
padding-left: 60px;
padding-right: 60px;
}
.px-md-70 {
padding-left: 70px;
padding-right: 70px;
}
.px-md-80 {
padding-left: 80px;
padding-right: 80px;
}
.py-md-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-md-1 {
padding-top: 1px;
padding-bottom: 1px;
}
.py-md-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.py-md-3 {
padding-top: 3px;
padding-bottom: 3px;
}
.py-md-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-md-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.py-md-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py-md-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.py-md-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-md-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.py-md-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.py-md-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.py-md-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-md-45 {
padding-top: 45px;
padding-bottom: 45px;
}
.py-md-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.py-md-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.py-md-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.py-md-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.m-md-0 {
margin: 0px;
}
.m-md-1 {
margin: 1px;
}
.m-md-2 {
margin: 2px;
}
.m-md-3 {
margin: 3px;
}
.m-md-4 {
margin: 4px;
}
.m-md-5 {
margin: 5px;
}
.m-md-10 {
margin: 10px;
}
.m-md-15 {
margin: 15px;
}
.m-md-20 {
margin: 20px;
}
.m-md-25 {
margin: 25px;
}
.m-md-30 {
margin: 30px;
}
.m-md-35 {
margin: 35px;
}
.m-md-40 {
margin: 40px;
}
.m-md-45 {
margin: 45px;
}
.m-md-50 {
margin: 50px;
}
.m-md-60 {
margin: 60px;
}
.m-md-70 {
margin: 70px;
}
.m-md-80 {
margin: 80px;
}
.mt-md-0 {
margin-top: 0px;
}
.mt-md-1 {
margin-top: 1px;
}
.mt-md-2 {
margin-top: 2px;
}
.mt-md-3 {
margin-top: 3px;
}
.mt-md-4 {
margin-top: 4px;
}
.mt-md-5 {
margin-top: 5px;
}
.mt-md-10 {
margin-top: 10px;
}
.mt-md-15 {
margin-top: 15px;
}
.mt-md-20 {
margin-top: 20px;
}
.mt-md-25 {
margin-top: 25px;
}
.mt-md-30 {
margin-top: 30px;
}
.mt-md-35 {
margin-top: 35px;
}
.mt-md-40 {
margin-top: 40px;
}
.mt-md-45 {
margin-top: 45px;
}
.mt-md-50 {
margin-top: 50px;
}
.mt-md-60 {
margin-top: 60px;
}
.mt-md-70 {
margin-top: 70px;
}
.mt-md-80 {
margin-top: 80px;
}
.mr-md-0 {
margin-right: 0px;
}
.mr-md-1 {
margin-right: 1px;
}
.mr-md-2 {
margin-right: 2px;
}
.mr-md-3 {
margin-right: 3px;
}
.mr-md-4 {
margin-right: 4px;
}
.mr-md-5 {
margin-right: 5px;
}
.mr-md-10 {
margin-right: 10px;
}
.mr-md-15 {
margin-right: 15px;
}
.mr-md-20 {
margin-right: 20px;
}
.mr-md-25 {
margin-right: 25px;
}
.mr-md-30 {
margin-right: 30px;
}
.mr-md-35 {
margin-right: 35px;
}
.mr-md-40 {
margin-right: 40px;
}
.mr-md-45 {
margin-right: 45px;
}
.mr-md-50 {
margin-right: 50px;
}
.mr-md-60 {
margin-right: 60px;
}
.mr-md-70 {
margin-right: 70px;
}
.mr-md-80 {
margin-right: 80px;
}
.mb-md-0 {
margin-bottom: 0px;
}
.mb-md-1 {
margin-bottom: 1px;
}
.mb-md-2 {
margin-bottom: 2px;
}
.mb-md-3 {
margin-bottom: 3px;
}
.mb-md-4 {
margin-bottom: 4px;
}
.mb-md-5 {
margin-bottom: 5px;
}
.mb-md-10 {
margin-bottom: 10px;
}
.mb-md-15 {
margin-bottom: 15px;
}
.mb-md-20 {
margin-bottom: 20px;
}
.mb-md-25 {
margin-bottom: 25px;
}
.mb-md-30 {
margin-bottom: 30px;
}
.mb-md-35 {
margin-bottom: 35px;
}
.mb-md-40 {
margin-bottom: 40px;
}
.mb-md-45 {
margin-bottom: 45px;
}
.mb-md-50 {
margin-bottom: 50px;
}
.mb-md-60 {
margin-bottom: 60px;
}
.mb-md-70 {
margin-bottom: 70px;
}
.mb-md-80 {
margin-bottom: 80px;
}
.ml-md-0 {
margin-left: 0px;
}
.ml-md-1 {
margin-left: 1px;
}
.ml-md-2 {
margin-left: 2px;
}
.ml-md-3 {
margin-left: 3px;
}
.ml-md-4 {
margin-left: 4px;
}
.ml-md-5 {
margin-left: 5px;
}
.ml-md-10 {
margin-left: 10px;
}
.ml-md-15 {
margin-left: 15px;
}
.ml-md-20 {
margin-left: 20px;
}
.ml-md-25 {
margin-left: 25px;
}
.ml-md-30 {
margin-left: 30px;
}
.ml-md-35 {
margin-left: 35px;
}
.ml-md-40 {
margin-left: 40px;
}
.ml-md-45 {
margin-left: 45px;
}
.ml-md-50 {
margin-left: 50px;
}
.ml-md-60 {
margin-left: 60px;
}
.ml-md-70 {
margin-left: 70px;
}
.ml-md-80 {
margin-left: 80px;
}
.mx-md-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-md-1 {
margin-left: 1px;
margin-right: 1px;
}
.mx-md-2 {
margin-left: 2px;
margin-right: 2px;
}
.mx-md-3 {
margin-left: 3px;
margin-right: 3px;
}
.mx-md-4 {
margin-left: 4px;
margin-right: 4px;
}
.mx-md-5 {
margin-left: 5px;
margin-right: 5px;
}
.mx-md-10 {
margin-left: 10px;
margin-right: 10px;
}
.mx-md-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-md-20 {
margin-left: 20px;
margin-right: 20px;
}
.mx-md-25 {
margin-left: 25px;
margin-right: 25px;
}
.mx-md-30 {
margin-left: 30px;
margin-right: 30px;
}
.mx-md-35 {
margin-left: 35px;
margin-right: 35px;
}
.mx-md-40 {
margin-left: 40px;
margin-right: 40px;
}
.mx-md-45 {
margin-left: 45px;
margin-right: 45px;
}
.mx-md-50 {
margin-left: 50px;
margin-right: 50px;
}
.mx-md-60 {
margin-left: 60px;
margin-right: 60px;
}
.mx-md-70 {
margin-left: 70px;
margin-right: 70px;
}
.mx-md-80 {
margin-left: 80px;
margin-right: 80px;
}
.my-md-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-md-1 {
margin-top: 1px;
margin-bottom: 1px;
}
.my-md-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.my-md-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.my-md-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.my-md-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.my-md-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.my-md-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.my-md-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.my-md-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.my-md-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.my-md-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.my-md-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.my-md-45 {
margin-top: 45px;
margin-bottom: 45px;
}
.my-md-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.my-md-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.my-md-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.my-md-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media screen and (min-width: 992px) {
.p-lg-0 {
padding: 0px;
}
.p-lg-1 {
padding: 1px;
}
.p-lg-2 {
padding: 2px;
}
.p-lg-3 {
padding: 3px;
}
.p-lg-4 {
padding: 4px;
}
.p-lg-5 {
padding: 5px;
}
.p-lg-10 {
padding: 10px;
}
.p-lg-15 {
padding: 15px;
}
.p-lg-20 {
padding: 20px;
}
.p-lg-25 {
padding: 25px;
}
.p-lg-30 {
padding: 30px;
}
.p-lg-35 {
padding: 35px;
}
.p-lg-40 {
padding: 40px;
}
.p-lg-45 {
padding: 45px;
}
.p-lg-50 {
padding: 50px;
}
.p-lg-60 {
padding: 60px;
}
.p-lg-70 {
padding: 70px;
}
.p-lg-80 {
padding: 80px;
}
.pt-lg-0 {
padding-top: 0px;
}
.pt-lg-1 {
padding-top: 1px;
}
.pt-lg-2 {
padding-top: 2px;
}
.pt-lg-3 {
padding-top: 3px;
}
.pt-lg-4 {
padding-top: 4px;
}
.pt-lg-5 {
padding-top: 5px;
}
.pt-lg-10 {
padding-top: 10px;
}
.pt-lg-15 {
padding-top: 15px;
}
.pt-lg-20 {
padding-top: 20px;
}
.pt-lg-25 {
padding-top: 25px;
}
.pt-lg-30 {
padding-top: 30px;
}
.pt-lg-35 {
padding-top: 35px;
}
.pt-lg-40 {
padding-top: 40px;
}
.pt-lg-45 {
padding-top: 45px;
}
.pt-lg-50 {
padding-top: 50px;
}
.pt-lg-60 {
padding-top: 60px;
}
.pt-lg-70 {
padding-top: 70px;
}
.pt-lg-80 {
padding-top: 80px;
}
.pr-lg-0 {
padding-right: 0px;
}
.pr-lg-1 {
padding-right: 1px;
}
.pr-lg-2 {
padding-right: 2px;
}
.pr-lg-3 {
padding-right: 3px;
}
.pr-lg-4 {
padding-right: 4px;
}
.pr-lg-5 {
padding-right: 5px;
}
.pr-lg-10 {
padding-right: 10px;
}
.pr-lg-15 {
padding-right: 15px;
}
.pr-lg-20 {
padding-right: 20px;
}
.pr-lg-25 {
padding-right: 25px;
}
.pr-lg-30 {
padding-right: 30px;
}
.pr-lg-35 {
padding-right: 35px;
}
.pr-lg-40 {
padding-right: 40px;
}
.pr-lg-45 {
padding-right: 45px;
}
.pr-lg-50 {
padding-right: 50px;
}
.pr-lg-60 {
padding-right: 60px;
}
.pr-lg-70 {
padding-right: 70px;
}
.pr-lg-80 {
padding-right: 80px;
}
.pb-lg-0 {
padding-bottom: 0px;
}
.pb-lg-1 {
padding-bottom: 1px;
}
.pb-lg-2 {
padding-bottom: 2px;
}
.pb-lg-3 {
padding-bottom: 3px;
}
.pb-lg-4 {
padding-bottom: 4px;
}
.pb-lg-5 {
padding-bottom: 5px;
}
.pb-lg-10 {
padding-bottom: 10px;
}
.pb-lg-15 {
padding-bottom: 15px;
}
.pb-lg-20 {
padding-bottom: 20px;
}
.pb-lg-25 {
padding-bottom: 25px;
}
.pb-lg-30 {
padding-bottom: 30px;
}
.pb-lg-35 {
padding-bottom: 35px;
}
.pb-lg-40 {
padding-bottom: 40px;
}
.pb-lg-45 {
padding-bottom: 45px;
}
.pb-lg-50 {
padding-bottom: 50px;
}
.pb-lg-60 {
padding-bottom: 60px;
}
.pb-lg-70 {
padding-bottom: 70px;
}
.pb-lg-80 {
padding-bottom: 80px;
}
.pl-lg-0 {
padding-left: 0px;
}
.pl-lg-1 {
padding-left: 1px;
}
.pl-lg-2 {
padding-left: 2px;
}
.pl-lg-3 {
padding-left: 3px;
}
.pl-lg-4 {
padding-left: 4px;
}
.pl-lg-5 {
padding-left: 5px;
}
.pl-lg-10 {
padding-left: 10px;
}
.pl-lg-15 {
padding-left: 15px;
}
.pl-lg-20 {
padding-left: 20px;
}
.pl-lg-25 {
padding-left: 25px;
}
.pl-lg-30 {
padding-left: 30px;
}
.pl-lg-35 {
padding-left: 35px;
}
.pl-lg-40 {
padding-left: 40px;
}
.pl-lg-45 {
padding-left: 45px;
}
.pl-lg-50 {
padding-left: 50px;
}
.pl-lg-60 {
padding-left: 60px;
}
.pl-lg-70 {
padding-left: 70px;
}
.pl-lg-80 {
padding-left: 80px;
}
.px-lg-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-lg-1 {
padding-left: 1px;
padding-right: 1px;
}
.px-lg-2 {
padding-left: 2px;
padding-right: 2px;
}
.px-lg-3 {
padding-left: 3px;
padding-right: 3px;
}
.px-lg-4 {
padding-left: 4px;
padding-right: 4px;
}
.px-lg-5 {
padding-left: 5px;
padding-right: 5px;
}
.px-lg-10 {
padding-left: 10px;
padding-right: 10px;
}
.px-lg-15 {
padding-left: 15px;
padding-right: 15px;
}
.px-lg-20 {
padding-left: 20px;
padding-right: 20px;
}
.px-lg-25 {
padding-left: 25px;
padding-right: 25px;
}
.px-lg-30 {
padding-left: 30px;
padding-right: 30px;
}
.px-lg-35 {
padding-left: 35px;
padding-right: 35px;
}
.px-lg-40 {
padding-left: 40px;
padding-right: 40px;
}
.px-lg-45 {
padding-left: 45px;
padding-right: 45px;
}
.px-lg-50 {
padding-left: 50px;
padding-right: 50px;
}
.px-lg-60 {
padding-left: 60px;
padding-right: 60px;
}
.px-lg-70 {
padding-left: 70px;
padding-right: 70px;
}
.px-lg-80 {
padding-left: 80px;
padding-right: 80px;
}
.py-lg-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-lg-1 {
padding-top: 1px;
padding-bottom: 1px;
}
.py-lg-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.py-lg-3 {
padding-top: 3px;
padding-bottom: 3px;
}
.py-lg-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-lg-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.py-lg-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py-lg-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.py-lg-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-lg-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.py-lg-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.py-lg-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.py-lg-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-lg-45 {
padding-top: 45px;
padding-bottom: 45px;
}
.py-lg-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.py-lg-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.py-lg-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.py-lg-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.m-lg-0 {
margin: 0px;
}
.m-lg-1 {
margin: 1px;
}
.m-lg-2 {
margin: 2px;
}
.m-lg-3 {
margin: 3px;
}
.m-lg-4 {
margin: 4px;
}
.m-lg-5 {
margin: 5px;
}
.m-lg-10 {
margin: 10px;
}
.m-lg-15 {
margin: 15px;
}
.m-lg-20 {
margin: 20px;
}
.m-lg-25 {
margin: 25px;
}
.m-lg-30 {
margin: 30px;
}
.m-lg-35 {
margin: 35px;
}
.m-lg-40 {
margin: 40px;
}
.m-lg-45 {
margin: 45px;
}
.m-lg-50 {
margin: 50px;
}
.m-lg-60 {
margin: 60px;
}
.m-lg-70 {
margin: 70px;
}
.m-lg-80 {
margin: 80px;
}
.mt-lg-0 {
margin-top: 0px;
}
.mt-lg-1 {
margin-top: 1px;
}
.mt-lg-2 {
margin-top: 2px;
}
.mt-lg-3 {
margin-top: 3px;
}
.mt-lg-4 {
margin-top: 4px;
}
.mt-lg-5 {
margin-top: 5px;
}
.mt-lg-10 {
margin-top: 10px;
}
.mt-lg-15 {
margin-top: 15px;
}
.mt-lg-20 {
margin-top: 20px;
}
.mt-lg-25 {
margin-top: 25px;
}
.mt-lg-30 {
margin-top: 30px;
}
.mt-lg-35 {
margin-top: 35px;
}
.mt-lg-40 {
margin-top: 40px;
}
.mt-lg-45 {
margin-top: 45px;
}
.mt-lg-50 {
margin-top: 50px;
}
.mt-lg-60 {
margin-top: 60px;
}
.mt-lg-70 {
margin-top: 70px;
}
.mt-lg-80 {
margin-top: 80px;
}
.mr-lg-0 {
margin-right: 0px;
}
.mr-lg-1 {
margin-right: 1px;
}
.mr-lg-2 {
margin-right: 2px;
}
.mr-lg-3 {
margin-right: 3px;
}
.mr-lg-4 {
margin-right: 4px;
}
.mr-lg-5 {
margin-right: 5px;
}
.mr-lg-10 {
margin-right: 10px;
}
.mr-lg-15 {
margin-right: 15px;
}
.mr-lg-20 {
margin-right: 20px;
}
.mr-lg-25 {
margin-right: 25px;
}
.mr-lg-30 {
margin-right: 30px;
}
.mr-lg-35 {
margin-right: 35px;
}
.mr-lg-40 {
margin-right: 40px;
}
.mr-lg-45 {
margin-right: 45px;
}
.mr-lg-50 {
margin-right: 50px;
}
.mr-lg-60 {
margin-right: 60px;
}
.mr-lg-70 {
margin-right: 70px;
}
.mr-lg-80 {
margin-right: 80px;
}
.mb-lg-0 {
margin-bottom: 0px;
}
.mb-lg-1 {
margin-bottom: 1px;
}
.mb-lg-2 {
margin-bottom: 2px;
}
.mb-lg-3 {
margin-bottom: 3px;
}
.mb-lg-4 {
margin-bottom: 4px;
}
.mb-lg-5 {
margin-bottom: 5px;
}
.mb-lg-10 {
margin-bottom: 10px;
}
.mb-lg-15 {
margin-bottom: 15px;
}
.mb-lg-20 {
margin-bottom: 20px;
}
.mb-lg-25 {
margin-bottom: 25px;
}
.mb-lg-30 {
margin-bottom: 30px;
}
.mb-lg-35 {
margin-bottom: 35px;
}
.mb-lg-40 {
margin-bottom: 40px;
}
.mb-lg-45 {
margin-bottom: 45px;
}
.mb-lg-50 {
margin-bottom: 50px;
}
.mb-lg-60 {
margin-bottom: 60px;
}
.mb-lg-70 {
margin-bottom: 70px;
}
.mb-lg-80 {
margin-bottom: 80px;
}
.ml-lg-0 {
margin-left: 0px;
}
.ml-lg-1 {
margin-left: 1px;
}
.ml-lg-2 {
margin-left: 2px;
}
.ml-lg-3 {
margin-left: 3px;
}
.ml-lg-4 {
margin-left: 4px;
}
.ml-lg-5 {
margin-left: 5px;
}
.ml-lg-10 {
margin-left: 10px;
}
.ml-lg-15 {
margin-left: 15px;
}
.ml-lg-20 {
margin-left: 20px;
}
.ml-lg-25 {
margin-left: 25px;
}
.ml-lg-30 {
margin-left: 30px;
}
.ml-lg-35 {
margin-left: 35px;
}
.ml-lg-40 {
margin-left: 40px;
}
.ml-lg-45 {
margin-left: 45px;
}
.ml-lg-50 {
margin-left: 50px;
}
.ml-lg-60 {
margin-left: 60px;
}
.ml-lg-70 {
margin-left: 70px;
}
.ml-lg-80 {
margin-left: 80px;
}
.mx-lg-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-lg-1 {
margin-left: 1px;
margin-right: 1px;
}
.mx-lg-2 {
margin-left: 2px;
margin-right: 2px;
}
.mx-lg-3 {
margin-left: 3px;
margin-right: 3px;
}
.mx-lg-4 {
margin-left: 4px;
margin-right: 4px;
}
.mx-lg-5 {
margin-left: 5px;
margin-right: 5px;
}
.mx-lg-10 {
margin-left: 10px;
margin-right: 10px;
}
.mx-lg-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-lg-20 {
margin-left: 20px;
margin-right: 20px;
}
.mx-lg-25 {
margin-left: 25px;
margin-right: 25px;
}
.mx-lg-30 {
margin-left: 30px;
margin-right: 30px;
}
.mx-lg-35 {
margin-left: 35px;
margin-right: 35px;
}
.mx-lg-40 {
margin-left: 40px;
margin-right: 40px;
}
.mx-lg-45 {
margin-left: 45px;
margin-right: 45px;
}
.mx-lg-50 {
margin-left: 50px;
margin-right: 50px;
}
.mx-lg-60 {
margin-left: 60px;
margin-right: 60px;
}
.mx-lg-70 {
margin-left: 70px;
margin-right: 70px;
}
.mx-lg-80 {
margin-left: 80px;
margin-right: 80px;
}
.my-lg-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-lg-1 {
margin-top: 1px;
margin-bottom: 1px;
}
.my-lg-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.my-lg-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.my-lg-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.my-lg-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.my-lg-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.my-lg-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.my-lg-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.my-lg-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.my-lg-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.my-lg-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.my-lg-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.my-lg-45 {
margin-top: 45px;
margin-bottom: 45px;
}
.my-lg-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.my-lg-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.my-lg-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.my-lg-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media screen and (min-width: 1200px) {
.p-xl-0 {
padding: 0px;
}
.p-xl-1 {
padding: 1px;
}
.p-xl-2 {
padding: 2px;
}
.p-xl-3 {
padding: 3px;
}
.p-xl-4 {
padding: 4px;
}
.p-xl-5 {
padding: 5px;
}
.p-xl-10 {
padding: 10px;
}
.p-xl-15 {
padding: 15px;
}
.p-xl-20 {
padding: 20px;
}
.p-xl-25 {
padding: 25px;
}
.p-xl-30 {
padding: 30px;
}
.p-xl-35 {
padding: 35px;
}
.p-xl-40 {
padding: 40px;
}
.p-xl-45 {
padding: 45px;
}
.p-xl-50 {
padding: 50px;
}
.p-xl-60 {
padding: 60px;
}
.p-xl-70 {
padding: 70px;
}
.p-xl-80 {
padding: 80px;
}
.pt-xl-0 {
padding-top: 0px;
}
.pt-xl-1 {
padding-top: 1px;
}
.pt-xl-2 {
padding-top: 2px;
}
.pt-xl-3 {
padding-top: 3px;
}
.pt-xl-4 {
padding-top: 4px;
}
.pt-xl-5 {
padding-top: 5px;
}
.pt-xl-10 {
padding-top: 10px;
}
.pt-xl-15 {
padding-top: 15px;
}
.pt-xl-20 {
padding-top: 20px;
}
.pt-xl-25 {
padding-top: 25px;
}
.pt-xl-30 {
padding-top: 30px;
}
.pt-xl-35 {
padding-top: 35px;
}
.pt-xl-40 {
padding-top: 40px;
}
.pt-xl-45 {
padding-top: 45px;
}
.pt-xl-50 {
padding-top: 50px;
}
.pt-xl-60 {
padding-top: 60px;
}
.pt-xl-70 {
padding-top: 70px;
}
.pt-xl-80 {
padding-top: 80px;
}
.pr-xl-0 {
padding-right: 0px;
}
.pr-xl-1 {
padding-right: 1px;
}
.pr-xl-2 {
padding-right: 2px;
}
.pr-xl-3 {
padding-right: 3px;
}
.pr-xl-4 {
padding-right: 4px;
}
.pr-xl-5 {
padding-right: 5px;
}
.pr-xl-10 {
padding-right: 10px;
}
.pr-xl-15 {
padding-right: 15px;
}
.pr-xl-20 {
padding-right: 20px;
}
.pr-xl-25 {
padding-right: 25px;
}
.pr-xl-30 {
padding-right: 30px;
}
.pr-xl-35 {
padding-right: 35px;
}
.pr-xl-40 {
padding-right: 40px;
}
.pr-xl-45 {
padding-right: 45px;
}
.pr-xl-50 {
padding-right: 50px;
}
.pr-xl-60 {
padding-right: 60px;
}
.pr-xl-70 {
padding-right: 70px;
}
.pr-xl-80 {
padding-right: 80px;
}
.pb-xl-0 {
padding-bottom: 0px;
}
.pb-xl-1 {
padding-bottom: 1px;
}
.pb-xl-2 {
padding-bottom: 2px;
}
.pb-xl-3 {
padding-bottom: 3px;
}
.pb-xl-4 {
padding-bottom: 4px;
}
.pb-xl-5 {
padding-bottom: 5px;
}
.pb-xl-10 {
padding-bottom: 10px;
}
.pb-xl-15 {
padding-bottom: 15px;
}
.pb-xl-20 {
padding-bottom: 20px;
}
.pb-xl-25 {
padding-bottom: 25px;
}
.pb-xl-30 {
padding-bottom: 30px;
}
.pb-xl-35 {
padding-bottom: 35px;
}
.pb-xl-40 {
padding-bottom: 40px;
}
.pb-xl-45 {
padding-bottom: 45px;
}
.pb-xl-50 {
padding-bottom: 50px;
}
.pb-xl-60 {
padding-bottom: 60px;
}
.pb-xl-70 {
padding-bottom: 70px;
}
.pb-xl-80 {
padding-bottom: 80px;
}
.pl-xl-0 {
padding-left: 0px;
}
.pl-xl-1 {
padding-left: 1px;
}
.pl-xl-2 {
padding-left: 2px;
}
.pl-xl-3 {
padding-left: 3px;
}
.pl-xl-4 {
padding-left: 4px;
}
.pl-xl-5 {
padding-left: 5px;
}
.pl-xl-10 {
padding-left: 10px;
}
.pl-xl-15 {
padding-left: 15px;
}
.pl-xl-20 {
padding-left: 20px;
}
.pl-xl-25 {
padding-left: 25px;
}
.pl-xl-30 {
padding-left: 30px;
}
.pl-xl-35 {
padding-left: 35px;
}
.pl-xl-40 {
padding-left: 40px;
}
.pl-xl-45 {
padding-left: 45px;
}
.pl-xl-50 {
padding-left: 50px;
}
.pl-xl-60 {
padding-left: 60px;
}
.pl-xl-70 {
padding-left: 70px;
}
.pl-xl-80 {
padding-left: 80px;
}
.px-xl-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-xl-1 {
padding-left: 1px;
padding-right: 1px;
}
.px-xl-2 {
padding-left: 2px;
padding-right: 2px;
}
.px-xl-3 {
padding-left: 3px;
padding-right: 3px;
}
.px-xl-4 {
padding-left: 4px;
padding-right: 4px;
}
.px-xl-5 {
padding-left: 5px;
padding-right: 5px;
}
.px-xl-10 {
padding-left: 10px;
padding-right: 10px;
}
.px-xl-15 {
padding-left: 15px;
padding-right: 15px;
}
.px-xl-20 {
padding-left: 20px;
padding-right: 20px;
}
.px-xl-25 {
padding-left: 25px;
padding-right: 25px;
}
.px-xl-30 {
padding-left: 30px;
padding-right: 30px;
}
.px-xl-35 {
padding-left: 35px;
padding-right: 35px;
}
.px-xl-40 {
padding-left: 40px;
padding-right: 40px;
}
.px-xl-45 {
padding-left: 45px;
padding-right: 45px;
}
.px-xl-50 {
padding-left: 50px;
padding-right: 50px;
}
.px-xl-60 {
padding-left: 60px;
padding-right: 60px;
}
.px-xl-70 {
padding-left: 70px;
padding-right: 70px;
}
.px-xl-80 {
padding-left: 80px;
padding-right: 80px;
}
.py-xl-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-xl-1 {
padding-top: 1px;
padding-bottom: 1px;
}
.py-xl-2 {
padding-top: 2px;
padding-bottom: 2px;
}
.py-xl-3 {
padding-top: 3px;
padding-bottom: 3px;
}
.py-xl-4 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-xl-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.py-xl-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py-xl-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.py-xl-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-xl-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.py-xl-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.py-xl-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.py-xl-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-xl-45 {
padding-top: 45px;
padding-bottom: 45px;
}
.py-xl-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.py-xl-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.py-xl-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.py-xl-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.m-xl-0 {
margin: 0px;
}
.m-xl-1 {
margin: 1px;
}
.m-xl-2 {
margin: 2px;
}
.m-xl-3 {
margin: 3px;
}
.m-xl-4 {
margin: 4px;
}
.m-xl-5 {
margin: 5px;
}
.m-xl-10 {
margin: 10px;
}
.m-xl-15 {
margin: 15px;
}
.m-xl-20 {
margin: 20px;
}
.m-xl-25 {
margin: 25px;
}
.m-xl-30 {
margin: 30px;
}
.m-xl-35 {
margin: 35px;
}
.m-xl-40 {
margin: 40px;
}
.m-xl-45 {
margin: 45px;
}
.m-xl-50 {
margin: 50px;
}
.m-xl-60 {
margin: 60px;
}
.m-xl-70 {
margin: 70px;
}
.m-xl-80 {
margin: 80px;
}
.mt-xl-0 {
margin-top: 0px;
}
.mt-xl-1 {
margin-top: 1px;
}
.mt-xl-2 {
margin-top: 2px;
}
.mt-xl-3 {
margin-top: 3px;
}
.mt-xl-4 {
margin-top: 4px;
}
.mt-xl-5 {
margin-top: 5px;
}
.mt-xl-10 {
margin-top: 10px;
}
.mt-xl-15 {
margin-top: 15px;
}
.mt-xl-20 {
margin-top: 20px;
}
.mt-xl-25 {
margin-top: 25px;
}
.mt-xl-30 {
margin-top: 30px;
}
.mt-xl-35 {
margin-top: 35px;
}
.mt-xl-40 {
margin-top: 40px;
}
.mt-xl-45 {
margin-top: 45px;
}
.mt-xl-50 {
margin-top: 50px;
}
.mt-xl-60 {
margin-top: 60px;
}
.mt-xl-70 {
margin-top: 70px;
}
.mt-xl-80 {
margin-top: 80px;
}
.mr-xl-0 {
margin-right: 0px;
}
.mr-xl-1 {
margin-right: 1px;
}
.mr-xl-2 {
margin-right: 2px;
}
.mr-xl-3 {
margin-right: 3px;
}
.mr-xl-4 {
margin-right: 4px;
}
.mr-xl-5 {
margin-right: 5px;
}
.mr-xl-10 {
margin-right: 10px;
}
.mr-xl-15 {
margin-right: 15px;
}
.mr-xl-20 {
margin-right: 20px;
}
.mr-xl-25 {
margin-right: 25px;
}
.mr-xl-30 {
margin-right: 30px;
}
.mr-xl-35 {
margin-right: 35px;
}
.mr-xl-40 {
margin-right: 40px;
}
.mr-xl-45 {
margin-right: 45px;
}
.mr-xl-50 {
margin-right: 50px;
}
.mr-xl-60 {
margin-right: 60px;
}
.mr-xl-70 {
margin-right: 70px;
}
.mr-xl-80 {
margin-right: 80px;
}
.mb-xl-0 {
margin-bottom: 0px;
}
.mb-xl-1 {
margin-bottom: 1px;
}
.mb-xl-2 {
margin-bottom: 2px;
}
.mb-xl-3 {
margin-bottom: 3px;
}
.mb-xl-4 {
margin-bottom: 4px;
}
.mb-xl-5 {
margin-bottom: 5px;
}
.mb-xl-10 {
margin-bottom: 10px;
}
.mb-xl-15 {
margin-bottom: 15px;
}
.mb-xl-20 {
margin-bottom: 20px;
}
.mb-xl-25 {
margin-bottom: 25px;
}
.mb-xl-30 {
margin-bottom: 30px;
}
.mb-xl-35 {
margin-bottom: 35px;
}
.mb-xl-40 {
margin-bottom: 40px;
}
.mb-xl-45 {
margin-bottom: 45px;
}
.mb-xl-50 {
margin-bottom: 50px;
}
.mb-xl-60 {
margin-bottom: 60px;
}
.mb-xl-70 {
margin-bottom: 70px;
}
.mb-xl-80 {
margin-bottom: 80px;
}
.ml-xl-0 {
margin-left: 0px;
}
.ml-xl-1 {
margin-left: 1px;
}
.ml-xl-2 {
margin-left: 2px;
}
.ml-xl-3 {
margin-left: 3px;
}
.ml-xl-4 {
margin-left: 4px;
}
.ml-xl-5 {
margin-left: 5px;
}
.ml-xl-10 {
margin-left: 10px;
}
.ml-xl-15 {
margin-left: 15px;
}
.ml-xl-20 {
margin-left: 20px;
}
.ml-xl-25 {
margin-left: 25px;
}
.ml-xl-30 {
margin-left: 30px;
}
.ml-xl-35 {
margin-left: 35px;
}
.ml-xl-40 {
margin-left: 40px;
}
.ml-xl-45 {
margin-left: 45px;
}
.ml-xl-50 {
margin-left: 50px;
}
.ml-xl-60 {
margin-left: 60px;
}
.ml-xl-70 {
margin-left: 70px;
}
.ml-xl-80 {
margin-left: 80px;
}
.mx-xl-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-xl-1 {
margin-left: 1px;
margin-right: 1px;
}
.mx-xl-2 {
margin-left: 2px;
margin-right: 2px;
}
.mx-xl-3 {
margin-left: 3px;
margin-right: 3px;
}
.mx-xl-4 {
margin-left: 4px;
margin-right: 4px;
}
.mx-xl-5 {
margin-left: 5px;
margin-right: 5px;
}
.mx-xl-10 {
margin-left: 10px;
margin-right: 10px;
}
.mx-xl-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-xl-20 {
margin-left: 20px;
margin-right: 20px;
}
.mx-xl-25 {
margin-left: 25px;
margin-right: 25px;
}
.mx-xl-30 {
margin-left: 30px;
margin-right: 30px;
}
.mx-xl-35 {
margin-left: 35px;
margin-right: 35px;
}
.mx-xl-40 {
margin-left: 40px;
margin-right: 40px;
}
.mx-xl-45 {
margin-left: 45px;
margin-right: 45px;
}
.mx-xl-50 {
margin-left: 50px;
margin-right: 50px;
}
.mx-xl-60 {
margin-left: 60px;
margin-right: 60px;
}
.mx-xl-70 {
margin-left: 70px;
margin-right: 70px;
}
.mx-xl-80 {
margin-left: 80px;
margin-right: 80px;
}
.my-xl-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-xl-1 {
margin-top: 1px;
margin-bottom: 1px;
}
.my-xl-2 {
margin-top: 2px;
margin-bottom: 2px;
}
.my-xl-3 {
margin-top: 3px;
margin-bottom: 3px;
}
.my-xl-4 {
margin-top: 4px;
margin-bottom: 4px;
}
.my-xl-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.my-xl-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.my-xl-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.my-xl-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.my-xl-25 {
margin-top: 25px;
margin-bottom: 25px;
}
.my-xl-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.my-xl-35 {
margin-top: 35px;
margin-bottom: 35px;
}
.my-xl-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.my-xl-45 {
margin-top: 45px;
margin-bottom: 45px;
}
.my-xl-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.my-xl-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.my-xl-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.my-xl-80 {
margin-top: 80px;
margin-bottom: 80px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment