.flex {
display: flex;
flex-wrap: wrap;
}
.flex.flex--unwrap {
flex-wrap: unset;
}
.flex .col-1 {
flex-basis: 8.333333333333334%;
max-width: 8.333333333333334%;
}
.flex .offset-0 {
margin-left: 0%;
}
.flex .col-2 {
flex-basis: 16.666666666666668%;
max-width: 16.666666666666668%;
}
.flex .offset-1 {
margin-left: 8.333333333333334%;
}
.flex .col-3 {
flex-basis: 25%;
max-width: 25%;
}
.flex .offset-2 {
margin-left: 16.666666666666668%;
}
.flex .col-4 {
flex-basis: 33.333333333333336%;
max-width: 33.333333333333336%;
}
.flex .offset-3 {
margin-left: 25%;
}
.flex .col-5 {
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.flex .offset-4 {
margin-left: 33.333333333333336%;
}
.flex .col-6 {
flex-basis: 50%;
max-width: 50%;
}
.flex .offset-5 {
margin-left: 41.66666666666667%;
}
.flex .col-7 {
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.flex .offset-6 {
margin-left: 50%;
}
.flex .col-8 {
flex-basis: 66.66666666666667%;
max-width: 66.66666666666667%;
}
.flex .offset-7 {
margin-left: 58.333333333333336%;
}
.flex .col-9 {
flex-basis: 75%;
max-width: 75%;
}
.flex .offset-8 {
margin-left: 66.66666666666667%;
}
.flex .col-10 {
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.flex .offset-9 {
margin-left: 75%;
}
.flex .col-11 {
flex-basis: 91.66666666666667%;
max-width: 91.66666666666667%;
}
.flex .offset-10 {
margin-left: 83.33333333333334%;
}
.flex .col-12 {
flex-basis: 100%;
max-width: 100%;
}
.flex .offset-11 {
margin-left: 91.66666666666667%;
}
@media (min-width: 576px) {
.flex .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.flex .col-sm-1 {
flex-basis: 8.333333333333334%;
max-width: 8.333333333333334%;
}
.flex .offset-sm-0 {
margin-left: 0%;
}
.flex .col-sm-2 {
flex-basis: 16.666666666666668%;
max-width: 16.666666666666668%;
}
.flex .offset-sm-1 {
margin-left: 8.333333333333334%;
}
.flex .col-sm-3 {
flex-basis: 25%;
max-width: 25%;
}
.flex .offset-sm-2 {
margin-left: 16.666666666666668%;
}
.flex .col-sm-4 {
flex-basis: 33.333333333333336%;
max-width: 33.333333333333336%;
}
.flex .offset-sm-3 {
margin-left: 25%;
}
.flex .col-sm-5 {
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.flex .offset-sm-4 {
margin-left: 33.333333333333336%;
}
.flex .col-sm-6 {
flex-basis: 50%;
max-width: 50%;
}
.flex .offset-sm-5 {
margin-left: 41.66666666666667%;
}
.flex .col-sm-7 {
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.flex .offset-sm-6 {
margin-left: 50%;
}
.flex .col-sm-8 {
flex-basis: 66.66666666666667%;
max-width: 66.66666666666667%;
}
.flex .offset-sm-7 {
margin-left: 58.333333333333336%;
}
.flex .col-sm-9 {
flex-basis: 75%;
max-width: 75%;
}
.flex .offset-sm-8 {
margin-left: 66.66666666666667%;
}
.flex .col-sm-10 {
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.flex .offset-sm-9 {
margin-left: 75%;
}
.flex .col-sm-11 {
flex-basis: 91.66666666666667%;
max-width: 91.66666666666667%;
}
.flex .offset-sm-10 {
margin-left: 83.33333333333334%;
}
.flex .col-sm-12 {
flex-basis: 100%;
max-width: 100%;
}
.flex .offset-sm-11 {
margin-left: 91.66666666666667%;
}
}
@media (min-width: 768px) {
.flex .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.flex .col-md-1 {
flex-basis: 8.333333333333334%;
max-width: 8.333333333333334%;
}
.flex .offset-md-0 {
margin-left: 0%;
}
.flex .col-md-2 {
flex-basis: 16.666666666666668%;
max-width: 16.666666666666668%;
}
.flex .offset-md-1 {
margin-left: 8.333333333333334%;
}
.flex .col-md-3 {
flex-basis: 25%;
max-width: 25%;
}
.flex .offset-md-2 {
margin-left: 16.666666666666668%;
}
.flex .col-md-4 {
flex-basis: 33.333333333333336%;
max-width: 33.333333333333336%;
}
.flex .offset-md-3 {
margin-left: 25%;
}
.flex .col-md-5 {
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.flex .offset-md-4 {
margin-left: 33.333333333333336%;
}
.flex .col-md-6 {
flex-basis: 50%;
max-width: 50%;
}
.flex .offset-md-5 {
margin-left: 41.66666666666667%;
}
.flex .col-md-7 {
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.flex .offset-md-6 {
margin-left: 50%;
}
.flex .col-md-8 {
flex-basis: 66.66666666666667%;
max-width: 66.66666666666667%;
}
.flex .offset-md-7 {
margin-left: 58.333333333333336%;
}
.flex .col-md-9 {
flex-basis: 75%;
max-width: 75%;
}
.flex .offset-md-8 {
margin-left: 66.66666666666667%;
}
.flex .col-md-10 {
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.flex .offset-md-9 {
margin-left: 75%;
}
.flex .col-md-11 {
flex-basis: 91.66666666666667%;
max-width: 91.66666666666667%;
}
.flex .offset-md-10 {
margin-left: 83.33333333333334%;
}
.flex .col-md-12 {
flex-basis: 100%;
max-width: 100%;
}
.flex .offset-md-11 {
margin-left: 91.66666666666667%;
}
}
@media (min-width: 992px) {
.flex .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.flex .col-lg-1 {
flex-basis: 8.333333333333334%;
max-width: 8.333333333333334%;
}
.flex .offset-lg-0 {
margin-left: 0%;
}
.flex .col-lg-2 {
flex-basis: 16.666666666666668%;
max-width: 16.666666666666668%;
}
.flex .offset-lg-1 {
margin-left: 8.333333333333334%;
}
.flex .col-lg-3 {
flex-basis: 25%;
max-width: 25%;
}
.flex .offset-lg-2 {
margin-left: 16.666666666666668%;
}
.flex .col-lg-4 {
flex-basis: 33.333333333333336%;
max-width: 33.333333333333336%;
}
.flex .offset-lg-3 {
margin-left: 25%;
}
.flex .col-lg-5 {
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.flex .offset-lg-4 {
margin-left: 33.333333333333336%;
}
.flex .col-lg-6 {
flex-basis: 50%;
max-width: 50%;
}
.flex .offset-lg-5 {
margin-left: 41.66666666666667%;
}
.flex .col-lg-7 {
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.flex .offset-lg-6 {
margin-left: 50%;
}
.flex .col-lg-8 {
flex-basis: 66.66666666666667%;
max-width: 66.66666666666667%;
}
.flex .offset-lg-7 {
margin-left: 58.333333333333336%;
}
.flex .col-lg-9 {
flex-basis: 75%;
max-width: 75%;
}
.flex .offset-lg-8 {
margin-left: 66.66666666666667%;
}
.flex .col-lg-10 {
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.flex .offset-lg-9 {
margin-left: 75%;
}
.flex .col-lg-11 {
flex-basis: 91.66666666666667%;
max-width: 91.66666666666667%;
}
.flex .offset-lg-10 {
margin-left: 83.33333333333334%;
}
.flex .col-lg-12 {
flex-basis: 100%;
max-width: 100%;
}
.flex .offset-lg-11 {
margin-left: 91.66666666666667%;
}
}
@media (min-width: 1200px) {
.flex .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.flex .col-xl-1 {
flex-basis: 8.333333333333334%;
max-width: 8.333333333333334%;
}
.flex .offset-xl-0 {
margin-left: 0%;
}
.flex .col-xl-2 {
flex-basis: 16.666666666666668%;
max-width: 16.666666666666668%;
}
.flex .offset-xl-1 {
margin-left: 8.333333333333334%;
}
.flex .col-xl-3 {
flex-basis: 25%;
max-width: 25%;
}
.flex .offset-xl-2 {
margin-left: 16.666666666666668%;
}
.flex .col-xl-4 {
flex-basis: 33.333333333333336%;
max-width: 33.333333333333336%;
}
.flex .offset-xl-3 {
margin-left: 25%;
}
.flex .col-xl-5 {
flex-basis: 41.66666666666667%;
max-width: 41.66666666666667%;
}
.flex .offset-xl-4 {
margin-left: 33.333333333333336%;
}
.flex .col-xl-6 {
flex-basis: 50%;
max-width: 50%;
}
.flex .offset-xl-5 {
margin-left: 41.66666666666667%;
}
.flex .col-xl-7 {
flex-basis: 58.333333333333336%;
max-width: 58.333333333333336%;
}
.flex .offset-xl-6 {
margin-left: 50%;
}
.flex .col-xl-8 {
flex-basis: 66.66666666666667%;
max-width: 66.66666666666667%;
}
.flex .offset-xl-7 {
margin-left: 58.333333333333336%;
}
.flex .col-xl-9 {
flex-basis: 75%;
max-width: 75%;
}
.flex .offset-xl-8 {
margin-left: 66.66666666666667%;
}
.flex .col-xl-10 {
flex-basis: 83.33333333333334%;
max-width: 83.33333333333334%;
}
.flex .offset-xl-9 {
margin-left: 75%;
}
.flex .col-xl-11 {
flex-basis: 91.66666666666667%;
max-width: 91.66666666666667%;
}
.flex .offset-xl-10 {
margin-left: 83.33333333333334%;
}
.flex .col-xl-12 {
flex-basis: 100%;
max-width: 100%;
}
.flex .offset-xl-11 {
margin-left: 91.66666666666667%;
}
}
.justify-left {
justify-content: flex-start;
}
.justify-center {
justify-content: center;
}
.justify-right {
justify-content: flex-end;
}
.justify-evenly {
justify-content: space-evenly;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-unset {
justify-content: unset;
}
.align-top {
align-items: flex-start;
}
.align-center {
align-items: center;
}
.align-bottom {
align-items: flex-end;
}
.align-unset {
align-items: unset;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.justify-left-sm {
justify-content: flex-start;
}
.justify-center-sm {
justify-content: center;
}
.justify-right-sm {
justify-content: flex-end;
}
.justify-evenly-sm {
justify-content: space-evenly;
}
.justify-between-sm {
justify-content: space-between;
}
.justify-around-sm {
justify-content: space-around;
}
.justify-unset-sm {
justify-content: unset;
}
.align-top-sm {
align-items: flex-start;
}
.align-center-sm {
align-items: center;
}
.align-bottom-sm {
align-items: flex-end;
}
.align-unset-sm {
align-items: unset;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.justify-left-md {
justify-content: flex-start;
}
.justify-center-md {
justify-content: center;
}
.justify-right-md {
justify-content: flex-end;
}
.justify-evenly-md {
justify-content: space-evenly;
}
.justify-between-md {
justify-content: space-between;
}
.justify-around-md {
justify-content: space-around;
}
.justify-unset-md {
justify-content: unset;
}
.align-top-md {
align-items: flex-start;
}
.align-center-md {
align-items: center;
}
.align-bottom-md {
align-items: flex-end;
}
.align-unset-md {
align-items: unset;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.justify-left-lg {
justify-content: flex-start;
}
.justify-center-lg {
justify-content: center;
}
.justify-right-lg {
justify-content: flex-end;
}
.justify-evenly-lg {
justify-content: space-evenly;
}
.justify-between-lg {
justify-content: space-between;
}
.justify-around-lg {
justify-content: space-around;
}
.justify-unset-lg {
justify-content: unset;
}
.align-top-lg {
align-items: flex-start;
}
.align-center-lg {
align-items: center;
}
.align-bottom-lg {
align-items: flex-end;
}
.align-unset-lg {
align-items: unset;
}
}
@media (min-width: 1200px) {
.justify-left-xl {
justify-content: flex-start;
}
.justify-center-xl {
justify-content: center;
}
.justify-right-xl {
justify-content: flex-end;
}
.justify-evenly-xl {
justify-content: space-evenly;
}
.justify-between-xl {
justify-content: space-between;
}
.justify-around-xl {
justify-content: space-around;
}
.justify-unset-xl {
justify-content: unset;
}
.align-top-xl {
align-items: flex-start;
}
.align-center-xl {
align-items: center;
}
.align-bottom-xl {
align-items: flex-end;
}
.align-unset-xl {
align-items: unset;
}
}
.grid {
display: grid;
}
.grid.grid--gap {
grid-gap: 15px;
}
.grid.grid--gap-none {
grid-gap: 0;
}
@media (min-width: 576px) {
.grid.grid--gap-sm {
grid-gap: 15px;
}
.grid.grid--gap-sm-none {
grid-gap: 0;
}
}
@media (min-width: 768px) {
.grid.grid--gap-md {
grid-gap: 15px;
}
.grid.grid--gap-md-none {
grid-gap: 0;
}
}
@media (min-width: 992px) {
.grid.grid--gap-lg {
grid-gap: 15px;
}
.grid.grid--gap-lg-none {
grid-gap: 0;
}
}
@media (min-width: 1200px) {
.grid.grid--gap-xl {
grid-gap: 15px;
}
.grid.grid--gap-xl-none {
grid-gap: 0;
}
}
.grid.cols-1 {
grid-template-columns: repeat(1, 1fr);
}
.grid.cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid.cols-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid.cols-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid.cols-5 {
grid-template-columns: repeat(5, 1fr);
}
.grid.cols-6 {
grid-template-columns: repeat(6, 1fr);
}
.grid.cols-7 {
grid-template-columns: repeat(7, 1fr);
}
.grid.cols-8 {
grid-template-columns: repeat(8, 1fr);
}
.grid.cols-9 {
grid-template-columns: repeat(9, 1fr);
}
.grid.cols-10 {
grid-template-columns: repeat(10, 1fr);
}
.grid.cols-11 {
grid-template-columns: repeat(11, 1fr);
}
.grid.cols-12 {
grid-template-columns: repeat(12, 1fr);
}
.grid.cols-13 {
grid-template-columns: repeat(13, 1fr);
}
@media (min-width: 576px) {
.grid.cols-sm-1 {
grid-template-columns: repeat(1, 1fr);
}
.grid.cols-sm-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid.cols-sm-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid.cols-sm-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid.cols-sm-5 {
grid-template-columns: repeat(5, 1fr);
}
.grid.cols-sm-6 {
grid-template-columns: repeat(6, 1fr);
}
.grid.cols-sm-7 {
grid-template-columns: repeat(7, 1fr);
}
.grid.cols-sm-8 {
grid-template-columns: repeat(8, 1fr);
}
.grid.cols-sm-9 {
grid-template-columns: repeat(9, 1fr);
}
.grid.cols-sm-10 {
grid-template-columns: repeat(10, 1fr);
}
.grid.cols-sm-11 {
grid-template-columns: repeat(11, 1fr);
}
.grid.cols-sm-12 {
grid-template-columns: repeat(12, 1fr);
}
.grid.cols-sm-13 {
grid-template-columns: repeat(13, 1fr);
}
}
@media (min-width: 768px) {
.grid.cols-md-1 {
grid-template-columns: repeat(1, 1fr);
}
.grid.cols-md-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid.cols-md-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid.cols-md-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid.cols-md-5 {
grid-template-columns: repeat(5, 1fr);
}
.grid.cols-md-6 {
grid-template-columns: repeat(6, 1fr);
}
.grid.cols-md-7 {
grid-template-columns: repeat(7, 1fr);
}
.grid.cols-md-8 {
grid-template-columns: repeat(8, 1fr);
}
.grid.cols-md-9 {
grid-template-columns: repeat(9, 1fr);
}
.grid.cols-md-10 {
grid-template-columns: repeat(10, 1fr);
}
.grid.cols-md-11 {
grid-template-columns: repeat(11, 1fr);
}
.grid.cols-md-12 {
grid-template-columns: repeat(12, 1fr);
}
.grid.cols-md-13 {
grid-template-columns: repeat(13, 1fr);
}
}
@media (min-width: 992px) {
.grid.cols-lg-1 {
grid-template-columns: repeat(1, 1fr);
}
.grid.cols-lg-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid.cols-lg-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid.cols-lg-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid.cols-lg-5 {
grid-template-columns: repeat(5, 1fr);
}
.grid.cols-lg-6 {
grid-template-columns: repeat(6, 1fr);
}
.grid.cols-lg-7 {
grid-template-columns: repeat(7, 1fr);
}
.grid.cols-lg-8 {
grid-template-columns: repeat(8, 1fr);
}
.grid.cols-lg-9 {
grid-template-columns: repeat(9, 1fr);
}
.grid.cols-lg-10 {
grid-template-columns: repeat(10, 1fr);
}
.grid.cols-lg-11 {
grid-template-columns: repeat(11, 1fr);
}
.grid.cols-lg-12 {
grid-template-columns: repeat(12, 1fr);
}
.grid.cols-lg-13 {
grid-template-columns: repeat(13, 1fr);
}
}
@media (min-width: 1200px) {
.grid.cols-xl-1 {
grid-template-columns: repeat(1, 1fr);
}
.grid.cols-xl-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid.cols-xl-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid.cols-xl-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid.cols-xl-5 {
grid-template-columns: repeat(5, 1fr);
}
.grid.cols-xl-6 {
grid-template-columns: repeat(6, 1fr);
}
.grid.cols-xl-7 {
grid-template-columns: repeat(7, 1fr);
}
.grid.cols-xl-8 {
grid-template-columns: repeat(8, 1fr);
}
.grid.cols-xl-9 {
grid-template-columns: repeat(9, 1fr);
}
.grid.cols-xl-10 {
grid-template-columns: repeat(10, 1fr);
}
.grid.cols-xl-11 {
grid-template-columns: repeat(11, 1fr);
}
.grid.cols-xl-12 {
grid-template-columns: repeat(12, 1fr);
}
.grid.cols-xl-13 {
grid-template-columns: repeat(13, 1fr);
}
}
.grid .span-1 {
grid-column: span 1;
}
.grid .col-start-1 {
grid-column-start: 1;
}
.grid .col-end-1 {
grid-column-end: 1;
}
.grid .span-2 {
grid-column: span 2;
}
.grid .col-start-2 {
grid-column-start: 2;
}
.grid .col-end-2 {
grid-column-end: 2;
}
.grid .span-3 {
grid-column: span 3;
}
.grid .col-start-3 {
grid-column-start: 3;
}
.grid .col-end-3 {
grid-column-end: 3;
}
.grid .span-4 {
grid-column: span 4;
}
.grid .col-start-4 {
grid-column-start: 4;
}
.grid .col-end-4 {
grid-column-end: 4;
}
.grid .span-5 {
grid-column: span 5;
}
.grid .col-start-5 {
grid-column-start: 5;
}
.grid .col-end-5 {
grid-column-end: 5;
}
.grid .span-6 {
grid-column: span 6;
}
.grid .col-start-6 {
grid-column-start: 6;
}
.grid .col-end-6 {
grid-column-end: 6;
}
.grid .span-7 {
grid-column: span 7;
}
.grid .col-start-7 {
grid-column-start: 7;
}
.grid .col-end-7 {
grid-column-end: 7;
}
.grid .span-8 {
grid-column: span 8;
}
.grid .col-start-8 {
grid-column-start: 8;
}
.grid .col-end-8 {
grid-column-end: 8;
}
.grid .span-9 {
grid-column: span 9;
}
.grid .col-start-9 {
grid-column-start: 9;
}
.grid .col-end-9 {
grid-column-end: 9;
}
.grid .span-10 {
grid-column: span 10;
}
.grid .col-start-10 {
grid-column-start: 10;
}
.grid .col-end-10 {
grid-column-end: 10;
}
.grid .span-11 {
grid-column: span 11;
}
.grid .col-start-11 {
grid-column-start: 11;
}
.grid .col-end-11 {
grid-column-end: 11;
}
.grid .span-12 {
grid-column: span 12;
}
.grid .col-start-12 {
grid-column-start: 12;
}
.grid .col-end-12 {
grid-column-end: 12;
}
.grid .span-13 {
grid-column: span 13;
}
.grid .col-start-13 {
grid-column-start: 13;
}
.grid .col-end-13 {
grid-column-end: 13;
}
@media (min-width: 576px) {
.grid .span-sm-1 {
grid-column: span 1;
}
.grid .col-start-sm-1 {
grid-column-start: 1;
}
.grid .col-end-sm-1 {
grid-column-end: span 1;
}
.grid .span-sm-2 {
grid-column: span 2;
}
.grid .col-start-sm-2 {
grid-column-start: 2;
}
.grid .col-end-sm-2 {
grid-column-end: span 2;
}
.grid .span-sm-3 {
grid-column: span 3;
}
.grid .col-start-sm-3 {
grid-column-start: 3;
}
.grid .col-end-sm-3 {
grid-column-end: span 3;
}
.grid .span-sm-4 {
grid-column: span 4;
}
.grid .col-start-sm-4 {
grid-column-start: 4;
}
.grid .col-end-sm-4 {
grid-column-end: span 4;
}
.grid .span-sm-5 {
grid-column: span 5;
}
.grid .col-start-sm-5 {
grid-column-start: 5;
}
.grid .col-end-sm-5 {
grid-column-end: span 5;
}
.grid .span-sm-6 {
grid-column: span 6;
}
.grid .col-start-sm-6 {
grid-column-start: 6;
}
.grid .col-end-sm-6 {
grid-column-end: span 6;
}
.grid .span-sm-7 {
grid-column: span 7;
}
.grid .col-start-sm-7 {
grid-column-start: 7;
}
.grid .col-end-sm-7 {
grid-column-end: span 7;
}
.grid .span-sm-8 {
grid-column: span 8;
}
.grid .col-start-sm-8 {
grid-column-start: 8;
}
.grid .col-end-sm-8 {
grid-column-end: span 8;
}
.grid .span-sm-9 {
grid-column: span 9;
}
.grid .col-start-sm-9 {
grid-column-start: 9;
}
.grid .col-end-sm-9 {
grid-column-end: span 9;
}
.grid .span-sm-10 {
grid-column: span 10;
}
.grid .col-start-sm-10 {
grid-column-start: 10;
}
.grid .col-end-sm-10 {
grid-column-end: span 10;
}
.grid .span-sm-11 {
grid-column: span 11;
}
.grid .col-start-sm-11 {
grid-column-start: 11;
}
.grid .col-end-sm-11 {
grid-column-end: span 11;
}
.grid .span-sm-12 {
grid-column: span 12;
}
.grid .col-start-sm-12 {
grid-column-start: 12;
}
.grid .col-end-sm-12 {
grid-column-end: span 12;
}
.grid .span-sm-13 {
grid-column: span 13;
}
.grid .col-start-sm-13 {
grid-column-start: 13;
}
.grid .col-end-sm-13 {
grid-column-end: span 13;
}
}
@media (min-width: 768px) {
.grid .span-md-1 {
grid-column: span 1;
}
.grid .col-start-md-1 {
grid-column-start: 1;
}
.grid .col-end-md-1 {
grid-column-end: span 1;
}
.grid .span-md-2 {
grid-column: span 2;
}
.grid .col-start-md-2 {
grid-column-start: 2;
}
.grid .col-end-md-2 {
grid-column-end: span 2;
}
.grid .span-md-3 {
grid-column: span 3;
}
.grid .col-start-md-3 {
grid-column-start: 3;
}
.grid .col-end-md-3 {
grid-column-end: span 3;
}
.grid .span-md-4 {
grid-column: span 4;
}
.grid .col-start-md-4 {
grid-column-start: 4;
}
.grid .col-end-md-4 {
grid-column-end: span 4;
}
.grid .span-md-5 {
grid-column: span 5;
}
.grid .col-start-md-5 {
grid-column-start: 5;
}
.grid .col-end-md-5 {
grid-column-end: span 5;
}
.grid .span-md-6 {
grid-column: span 6;
}
.grid .col-start-md-6 {
grid-column-start: 6;
}
.grid .col-end-md-6 {
grid-column-end: span 6;
}
.grid .span-md-7 {
grid-column: span 7;
}
.grid .col-start-md-7 {
grid-column-start: 7;
}
.grid .col-end-md-7 {
grid-column-end: span 7;
}
.grid .span-md-8 {
grid-column: span 8;
}
.grid .col-start-md-8 {
grid-column-start: 8;
}
.grid .col-end-md-8 {
grid-column-end: span 8;
}
.grid .span-md-9 {
grid-column: span 9;
}
.grid .col-start-md-9 {
grid-column-start: 9;
}
.grid .col-end-md-9 {
grid-column-end: span 9;
}
.grid .span-md-10 {
grid-column: span 10;
}
.grid .col-start-md-10 {
grid-column-start: 10;
}
.grid .col-end-md-10 {
grid-column-end: span 10;
}
.grid .span-md-11 {
grid-column: span 11;
}
.grid .col-start-md-11 {
grid-column-start: 11;
}
.grid .col-end-md-11 {
grid-column-end: span 11;
}
.grid .span-md-12 {
grid-column: span 12;
}
.grid .col-start-md-12 {
grid-column-start: 12;
}
.grid .col-end-md-12 {
grid-column-end: span 12;
}
.grid .span-md-13 {
grid-column: span 13;
}
.grid .col-start-md-13 {
grid-column-start: 13;
}
.grid .col-end-md-13 {
grid-column-end: span 13;
}
}
@media (min-width: 992px) {
.grid .span-lg-1 {
grid-column: span 1;
}
.grid .col-start-lg-1 {
grid-column-start: 1;
}
.grid .col-end-lg-1 {
grid-column-end: span 1;
}
.grid .span-lg-2 {
grid-column: span 2;
}
.grid .col-start-lg-2 {
grid-column-start: 2;
}
.grid .col-end-lg-2 {
grid-column-end: span 2;
}
.grid .span-lg-3 {
grid-column: span 3;
}
.grid .col-start-lg-3 {
grid-column-start: 3;
}
.grid .col-end-lg-3 {
grid-column-end: span 3;
}
.grid .span-lg-4 {
grid-column: span 4;
}
.grid .col-start-lg-4 {
grid-column-start: 4;
}
.grid .col-end-lg-4 {
grid-column-end: span 4;
}
.grid .span-lg-5 {
grid-column: span 5;
}
.grid .col-start-lg-5 {
grid-column-start: 5;
}
.grid .col-end-lg-5 {
grid-column-end: span 5;
}
.grid .span-lg-6 {
grid-column: span 6;
}
.grid .col-start-lg-6 {
grid-column-start: 6;
}
.grid .col-end-lg-6 {
grid-column-end: span 6;
}
.grid .span-lg-7 {
grid-column: span 7;
}
.grid .col-start-lg-7 {
grid-column-start: 7;
}
.grid .col-end-lg-7 {
grid-column-end: span 7;
}
.grid .span-lg-8 {
grid-column: span 8;
}
.grid .col-start-lg-8 {
grid-column-start: 8;
}
.grid .col-end-lg-8 {
grid-column-end: span 8;
}
.grid .span-lg-9 {
grid-column: span 9;
}
.grid .col-start-lg-9 {
grid-column-start: 9;
}
.grid .col-end-lg-9 {
grid-column-end: span 9;
}
.grid .span-lg-10 {
grid-column: span 10;
}
.grid .col-start-lg-10 {
grid-column-start: 10;
}
.grid .col-end-lg-10 {
grid-column-end: span 10;
}
.grid .span-lg-11 {
grid-column: span 11;
}
.grid .col-start-lg-11 {
grid-column-start: 11;
}
.grid .col-end-lg-11 {
grid-column-end: span 11;
}
.grid .span-lg-12 {
grid-column: span 12;
}
.grid .col-start-lg-12 {
grid-column-start: 12;
}
.grid .col-end-lg-12 {
grid-column-end: span 12;
}
.grid .span-lg-13 {
grid-column: span 13;
}
.grid .col-start-lg-13 {
grid-column-start: 13;
}
.grid .col-end-lg-13 {
grid-column-end: span 13;
}
}
@media (min-width: 1200px) {
.grid .span-xl-1 {
grid-column: span 1;
}
.grid .col-start-xl-1 {
grid-column-start: 1;
}
.grid .col-end-xl-1 {
grid-column-end: span 1;
}
.grid .span-xl-2 {
grid-column: span 2;
}
.grid .col-start-xl-2 {
grid-column-start: 2;
}
.grid .col-end-xl-2 {
grid-column-end: span 2;
}
.grid .span-xl-3 {
grid-column: span 3;
}
.grid .col-start-xl-3 {
grid-column-start: 3;
}
.grid .col-end-xl-3 {
grid-column-end: span 3;
}
.grid .span-xl-4 {
grid-column: span 4;
}
.grid .col-start-xl-4 {
grid-column-start: 4;
}
.grid .col-end-xl-4 {
grid-column-end: span 4;
}
.grid .span-xl-5 {
grid-column: span 5;
}
.grid .col-start-xl-5 {
grid-column-start: 5;
}
.grid .col-end-xl-5 {
grid-column-end: span 5;
}
.grid .span-xl-6 {
grid-column: span 6;
}
.grid .col-start-xl-6 {
grid-column-start: 6;
}
.grid .col-end-xl-6 {
grid-column-end: span 6;
}
.grid .span-xl-7 {
grid-column: span 7;
}
.grid .col-start-xl-7 {
grid-column-start: 7;
}
.grid .col-end-xl-7 {
grid-column-end: span 7;
}
.grid .span-xl-8 {
grid-column: span 8;
}
.grid .col-start-xl-8 {
grid-column-start: 8;
}
.grid .col-end-xl-8 {
grid-column-end: span 8;
}
.grid .span-xl-9 {
grid-column: span 9;
}
.grid .col-start-xl-9 {
grid-column-start: 9;
}
.grid .col-end-xl-9 {
grid-column-end: span 9;
}
.grid .span-xl-10 {
grid-column: span 10;
}
.grid .col-start-xl-10 {
grid-column-start: 10;
}
.grid .col-end-xl-10 {
grid-column-end: span 10;
}
.grid .span-xl-11 {
grid-column: span 11;
}
.grid .col-start-xl-11 {
grid-column-start: 11;
}
.grid .col-end-xl-11 {
grid-column-end: span 11;
}
.grid .span-xl-12 {
grid-column: span 12;
}
.grid .col-start-xl-12 {
grid-column-start: 12;
}
.grid .col-end-xl-12 {
grid-column-end: span 12;
}
.grid .span-xl-13 {
grid-column: span 13;
}
.grid .col-start-xl-13 {
grid-column-start: 13;
}
.grid .col-end-xl-13 {
grid-column-end: span 13;
}
}