flexi-js/build/css/all.css

A responsive and flexible css scheme.

/**
 * establish our max-width based screen resolution breakpoints
 */
/**
 * set the maximum widht of a .container element
 */
/**
 * grid specifications
 */
/**
 * max order level
 */
/**
 * transition variables
 */
/**
 * font related
 */
/**
 * headings
 * @TODO i'm not entirely happy with this
 */
/**
  * modal
  */
/**
 * establish our max-width based screen resolution breakpoints
 */
/**
 * set the maximum widht of a .container element
 */
/**
 * grid specifications
 */
/**
 * max order level
 */
/**
 * transition variables
 */
/**
 * font related
 */
/**
 * headings
 * @TODO i'm not entirely happy with this
 */
/**
  * modal
  */
/**
 * establish our max-width based screen resolution breakpoints
 */
/**
 * set the maximum widht of a .container element
 */
/**
 * grid specifications
 */
/**
 * max order level
 */
/**
 * transition variables
 */
/**
 * font related
 */
/**
 * headings
 * @TODO i'm not entirely happy with this
 */
/**
  * modal
  */
/**
 * establish our max-width based screen resolution breakpoints
 */
/**
 * set the maximum widht of a .container element
 */
/**
 * grid specifications
 */
/**
 * max order level
 */
/**
 * transition variables
 */
/**
 * font related
 */
/**
 * headings
 * @TODO i'm not entirely happy with this
 */
/**
  * modal
  */
/**
 * vendor prefixed/polyfils
 */
.flexi {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  position: relative; }
  .flexi,
  .flexi > * {
    box-sizing: border-box; }
  .flexi.flex-left {
    flex-direction: row-reverse; }
  .flexi.flex-up {
    flex-direction: column-reverse; }
  .flexi.flex-down {
    flex-direction: column; }
  .flexi.wrap-none {
    flex-wrap: nowrap; }
  .flexi.wrap-reverse {
    flex-wrap: wrap-reverse; }
  .flexi.space-left {
    justify-content: flex-end; }
  .flexi.space-outside {
    justify-content: center; }
  .flexi.space-inside {
    justify-content: space-between; }
  .flexi.space-even {
    justify-content: space-around; }
  .flexi.valign-top {
    align-items: flex-start; }
  .flexi.valign-bottom {
    align-items: flex-end; }
  .flexi.valign-middle {
    align-items: center; }
  .flexi.valign-baseline {
    align-items: baseline; }
  .flexi > * {
    display: block;
    width: 100%;
    order: 100;
    transition: order 150ms linear; }

.xs-visible {
  display: none; }

@media (min-width: 0) {
  .xs-1 {
    width: 4.16667%; }
  .xs-2 {
    width: 8.33333%; }
  .xs-3 {
    width: 12.5%; }
  .xs-4 {
    width: 16.66667%; }
  .xs-5 {
    width: 20.83333%; }
  .xs-6 {
    width: 25%; }
  .xs-7 {
    width: 29.16667%; }
  .xs-8 {
    width: 33.33333%; }
  .xs-9 {
    width: 37.5%; }
  .xs-10 {
    width: 41.66667%; }
  .xs-11 {
    width: 45.83333%; }
  .xs-12 {
    width: 50%; }
  .xs-13 {
    width: 54.16667%; }
  .xs-14 {
    width: 58.33333%; }
  .xs-15 {
    width: 62.5%; }
  .xs-16 {
    width: 66.66667%; }
  .xs-17 {
    width: 70.83333%; }
  .xs-18 {
    width: 75%; }
  .xs-19 {
    width: 79.16667%; }
  .xs-20 {
    width: 83.33333%; }
  .xs-21 {
    width: 87.5%; }
  .xs-22 {
    width: 91.66667%; }
  .xs-23 {
    width: 95.83333%; }
  .xs-24 {
    width: 100%; } }

@media (min-width: 0) and (max-width: 639px) {
  .xs-pos-0 {
    order: 0; }
  .xs-pos-1 {
    order: 1; }
  .xs-pos-2 {
    order: 2; }
  .xs-pos-3 {
    order: 3; }
  .xs-pos-4 {
    order: 4; }
  .xs-pos-5 {
    order: 5; }
  .xs-pos-6 {
    order: 6; }
  .xs-pos-7 {
    order: 7; }
  .xs-pos-8 {
    order: 8; }
  .xs-pos-9 {
    order: 9; }
  .xs-pos-10 {
    order: 10; }
  .xs-pos-11 {
    order: 11; }
  .xs-pos-12 {
    order: 12; }
  .xs-pos-13 {
    order: 13; }
  .xs-pos-14 {
    order: 14; }
  .xs-pos-15 {
    order: 15; }
  .xs-pos-16 {
    order: 16; }
  .xs-pos-17 {
    order: 17; }
  .xs-pos-18 {
    order: 18; }
  .xs-pos-19 {
    order: 19; }
  .xs-pos-20 {
    order: 20; }
  .xs-pos-21 {
    order: 21; }
  .xs-pos-22 {
    order: 22; }
  .xs-pos-23 {
    order: 23; }
  .xs-pos-24 {
    order: 24; }
  .xs-pos-25 {
    order: 25; }
  .xs-pos-26 {
    order: 26; }
  .xs-pos-27 {
    order: 27; }
  .xs-pos-28 {
    order: 28; }
  .xs-pos-29 {
    order: 29; }
  .xs-pos-30 {
    order: 30; }
  .xs-pos-31 {
    order: 31; }
  .xs-pos-32 {
    order: 32; }
  .xs-pos-33 {
    order: 33; }
  .xs-pos-34 {
    order: 34; }
  .xs-pos-35 {
    order: 35; }
  .xs-pos-36 {
    order: 36; }
  .xs-pos-37 {
    order: 37; }
  .xs-pos-38 {
    order: 38; }
  .xs-pos-39 {
    order: 39; }
  .xs-pos-40 {
    order: 40; }
  .xs-pos-41 {
    order: 41; }
  .xs-pos-42 {
    order: 42; }
  .xs-pos-43 {
    order: 43; }
  .xs-pos-44 {
    order: 44; }
  .xs-pos-45 {
    order: 45; }
  .xs-pos-46 {
    order: 46; }
  .xs-pos-47 {
    order: 47; }
  .xs-pos-48 {
    order: 48; }
  .xs-pos-49 {
    order: 49; }
  .xs-pos-50 {
    order: 50; }
  .xs-pos-51 {
    order: 51; }
  .xs-pos-52 {
    order: 52; }
  .xs-pos-53 {
    order: 53; }
  .xs-pos-54 {
    order: 54; }
  .xs-pos-55 {
    order: 55; }
  .xs-pos-56 {
    order: 56; }
  .xs-pos-57 {
    order: 57; }
  .xs-pos-58 {
    order: 58; }
  .xs-pos-59 {
    order: 59; }
  .xs-pos-60 {
    order: 60; }
  .xs-pos-61 {
    order: 61; }
  .xs-pos-62 {
    order: 62; }
  .xs-pos-63 {
    order: 63; }
  .xs-pos-64 {
    order: 64; }
  .xs-pos-65 {
    order: 65; }
  .xs-pos-66 {
    order: 66; }
  .xs-pos-67 {
    order: 67; }
  .xs-pos-68 {
    order: 68; }
  .xs-pos-69 {
    order: 69; }
  .xs-pos-70 {
    order: 70; }
  .xs-pos-71 {
    order: 71; }
  .xs-pos-72 {
    order: 72; }
  .xs-pos-73 {
    order: 73; }
  .xs-pos-74 {
    order: 74; }
  .xs-pos-75 {
    order: 75; }
  .xs-pos-76 {
    order: 76; }
  .xs-pos-77 {
    order: 77; }
  .xs-pos-78 {
    order: 78; }
  .xs-pos-79 {
    order: 79; }
  .xs-pos-80 {
    order: 80; }
  .xs-pos-81 {
    order: 81; }
  .xs-pos-82 {
    order: 82; }
  .xs-pos-83 {
    order: 83; }
  .xs-pos-84 {
    order: 84; }
  .xs-pos-85 {
    order: 85; }
  .xs-pos-86 {
    order: 86; }
  .xs-pos-87 {
    order: 87; }
  .xs-pos-88 {
    order: 88; }
  .xs-pos-89 {
    order: 89; }
  .xs-pos-90 {
    order: 90; }
  .xs-pos-91 {
    order: 91; }
  .xs-pos-92 {
    order: 92; }
  .xs-pos-93 {
    order: 93; }
  .xs-pos-94 {
    order: 94; }
  .xs-pos-95 {
    order: 95; }
  .xs-pos-96 {
    order: 96; }
  .xs-pos-97 {
    order: 97; }
  .xs-pos-98 {
    order: 98; }
  .xs-pos-99 {
    order: 99; }
  .xs-hidden {
    display: none; }
  .xs-visible {
    display: block; }
  .collapse-xs > * {
    display: none; }
  .collapse-xs > *:first-child {
    display: block; }
  .collapse-xs.active > * {
    display: block; } }

.sm-visible {
  display: none; }

@media (min-width: 640px) {
  .sm-1 {
    width: 4.16667%; }
  .sm-2 {
    width: 8.33333%; }
  .sm-3 {
    width: 12.5%; }
  .sm-4 {
    width: 16.66667%; }
  .sm-5 {
    width: 20.83333%; }
  .sm-6 {
    width: 25%; }
  .sm-7 {
    width: 29.16667%; }
  .sm-8 {
    width: 33.33333%; }
  .sm-9 {
    width: 37.5%; }
  .sm-10 {
    width: 41.66667%; }
  .sm-11 {
    width: 45.83333%; }
  .sm-12 {
    width: 50%; }
  .sm-13 {
    width: 54.16667%; }
  .sm-14 {
    width: 58.33333%; }
  .sm-15 {
    width: 62.5%; }
  .sm-16 {
    width: 66.66667%; }
  .sm-17 {
    width: 70.83333%; }
  .sm-18 {
    width: 75%; }
  .sm-19 {
    width: 79.16667%; }
  .sm-20 {
    width: 83.33333%; }
  .sm-21 {
    width: 87.5%; }
  .sm-22 {
    width: 91.66667%; }
  .sm-23 {
    width: 95.83333%; }
  .sm-24 {
    width: 100%; } }

@media (min-width: 640px) and (max-width: 959px) {
  .sm-pos-0 {
    order: 0; }
  .sm-pos-1 {
    order: 1; }
  .sm-pos-2 {
    order: 2; }
  .sm-pos-3 {
    order: 3; }
  .sm-pos-4 {
    order: 4; }
  .sm-pos-5 {
    order: 5; }
  .sm-pos-6 {
    order: 6; }
  .sm-pos-7 {
    order: 7; }
  .sm-pos-8 {
    order: 8; }
  .sm-pos-9 {
    order: 9; }
  .sm-pos-10 {
    order: 10; }
  .sm-pos-11 {
    order: 11; }
  .sm-pos-12 {
    order: 12; }
  .sm-pos-13 {
    order: 13; }
  .sm-pos-14 {
    order: 14; }
  .sm-pos-15 {
    order: 15; }
  .sm-pos-16 {
    order: 16; }
  .sm-pos-17 {
    order: 17; }
  .sm-pos-18 {
    order: 18; }
  .sm-pos-19 {
    order: 19; }
  .sm-pos-20 {
    order: 20; }
  .sm-pos-21 {
    order: 21; }
  .sm-pos-22 {
    order: 22; }
  .sm-pos-23 {
    order: 23; }
  .sm-pos-24 {
    order: 24; }
  .sm-pos-25 {
    order: 25; }
  .sm-pos-26 {
    order: 26; }
  .sm-pos-27 {
    order: 27; }
  .sm-pos-28 {
    order: 28; }
  .sm-pos-29 {
    order: 29; }
  .sm-pos-30 {
    order: 30; }
  .sm-pos-31 {
    order: 31; }
  .sm-pos-32 {
    order: 32; }
  .sm-pos-33 {
    order: 33; }
  .sm-pos-34 {
    order: 34; }
  .sm-pos-35 {
    order: 35; }
  .sm-pos-36 {
    order: 36; }
  .sm-pos-37 {
    order: 37; }
  .sm-pos-38 {
    order: 38; }
  .sm-pos-39 {
    order: 39; }
  .sm-pos-40 {
    order: 40; }
  .sm-pos-41 {
    order: 41; }
  .sm-pos-42 {
    order: 42; }
  .sm-pos-43 {
    order: 43; }
  .sm-pos-44 {
    order: 44; }
  .sm-pos-45 {
    order: 45; }
  .sm-pos-46 {
    order: 46; }
  .sm-pos-47 {
    order: 47; }
  .sm-pos-48 {
    order: 48; }
  .sm-pos-49 {
    order: 49; }
  .sm-pos-50 {
    order: 50; }
  .sm-pos-51 {
    order: 51; }
  .sm-pos-52 {
    order: 52; }
  .sm-pos-53 {
    order: 53; }
  .sm-pos-54 {
    order: 54; }
  .sm-pos-55 {
    order: 55; }
  .sm-pos-56 {
    order: 56; }
  .sm-pos-57 {
    order: 57; }
  .sm-pos-58 {
    order: 58; }
  .sm-pos-59 {
    order: 59; }
  .sm-pos-60 {
    order: 60; }
  .sm-pos-61 {
    order: 61; }
  .sm-pos-62 {
    order: 62; }
  .sm-pos-63 {
    order: 63; }
  .sm-pos-64 {
    order: 64; }
  .sm-pos-65 {
    order: 65; }
  .sm-pos-66 {
    order: 66; }
  .sm-pos-67 {
    order: 67; }
  .sm-pos-68 {
    order: 68; }
  .sm-pos-69 {
    order: 69; }
  .sm-pos-70 {
    order: 70; }
  .sm-pos-71 {
    order: 71; }
  .sm-pos-72 {
    order: 72; }
  .sm-pos-73 {
    order: 73; }
  .sm-pos-74 {
    order: 74; }
  .sm-pos-75 {
    order: 75; }
  .sm-pos-76 {
    order: 76; }
  .sm-pos-77 {
    order: 77; }
  .sm-pos-78 {
    order: 78; }
  .sm-pos-79 {
    order: 79; }
  .sm-pos-80 {
    order: 80; }
  .sm-pos-81 {
    order: 81; }
  .sm-pos-82 {
    order: 82; }
  .sm-pos-83 {
    order: 83; }
  .sm-pos-84 {
    order: 84; }
  .sm-pos-85 {
    order: 85; }
  .sm-pos-86 {
    order: 86; }
  .sm-pos-87 {
    order: 87; }
  .sm-pos-88 {
    order: 88; }
  .sm-pos-89 {
    order: 89; }
  .sm-pos-90 {
    order: 90; }
  .sm-pos-91 {
    order: 91; }
  .sm-pos-92 {
    order: 92; }
  .sm-pos-93 {
    order: 93; }
  .sm-pos-94 {
    order: 94; }
  .sm-pos-95 {
    order: 95; }
  .sm-pos-96 {
    order: 96; }
  .sm-pos-97 {
    order: 97; }
  .sm-pos-98 {
    order: 98; }
  .sm-pos-99 {
    order: 99; }
  .sm-hidden {
    display: none; }
  .sm-visible {
    display: block; }
  .collapse-sm > * {
    display: none; }
  .collapse-sm > *:first-child {
    display: block; }
  .collapse-sm.active > * {
    display: block; } }

.md-visible {
  display: none; }

@media (min-width: 960px) {
  .md-1 {
    width: 4.16667%; }
  .md-2 {
    width: 8.33333%; }
  .md-3 {
    width: 12.5%; }
  .md-4 {
    width: 16.66667%; }
  .md-5 {
    width: 20.83333%; }
  .md-6 {
    width: 25%; }
  .md-7 {
    width: 29.16667%; }
  .md-8 {
    width: 33.33333%; }
  .md-9 {
    width: 37.5%; }
  .md-10 {
    width: 41.66667%; }
  .md-11 {
    width: 45.83333%; }
  .md-12 {
    width: 50%; }
  .md-13 {
    width: 54.16667%; }
  .md-14 {
    width: 58.33333%; }
  .md-15 {
    width: 62.5%; }
  .md-16 {
    width: 66.66667%; }
  .md-17 {
    width: 70.83333%; }
  .md-18 {
    width: 75%; }
  .md-19 {
    width: 79.16667%; }
  .md-20 {
    width: 83.33333%; }
  .md-21 {
    width: 87.5%; }
  .md-22 {
    width: 91.66667%; }
  .md-23 {
    width: 95.83333%; }
  .md-24 {
    width: 100%; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .md-pos-0 {
    order: 0; }
  .md-pos-1 {
    order: 1; }
  .md-pos-2 {
    order: 2; }
  .md-pos-3 {
    order: 3; }
  .md-pos-4 {
    order: 4; }
  .md-pos-5 {
    order: 5; }
  .md-pos-6 {
    order: 6; }
  .md-pos-7 {
    order: 7; }
  .md-pos-8 {
    order: 8; }
  .md-pos-9 {
    order: 9; }
  .md-pos-10 {
    order: 10; }
  .md-pos-11 {
    order: 11; }
  .md-pos-12 {
    order: 12; }
  .md-pos-13 {
    order: 13; }
  .md-pos-14 {
    order: 14; }
  .md-pos-15 {
    order: 15; }
  .md-pos-16 {
    order: 16; }
  .md-pos-17 {
    order: 17; }
  .md-pos-18 {
    order: 18; }
  .md-pos-19 {
    order: 19; }
  .md-pos-20 {
    order: 20; }
  .md-pos-21 {
    order: 21; }
  .md-pos-22 {
    order: 22; }
  .md-pos-23 {
    order: 23; }
  .md-pos-24 {
    order: 24; }
  .md-pos-25 {
    order: 25; }
  .md-pos-26 {
    order: 26; }
  .md-pos-27 {
    order: 27; }
  .md-pos-28 {
    order: 28; }
  .md-pos-29 {
    order: 29; }
  .md-pos-30 {
    order: 30; }
  .md-pos-31 {
    order: 31; }
  .md-pos-32 {
    order: 32; }
  .md-pos-33 {
    order: 33; }
  .md-pos-34 {
    order: 34; }
  .md-pos-35 {
    order: 35; }
  .md-pos-36 {
    order: 36; }
  .md-pos-37 {
    order: 37; }
  .md-pos-38 {
    order: 38; }
  .md-pos-39 {
    order: 39; }
  .md-pos-40 {
    order: 40; }
  .md-pos-41 {
    order: 41; }
  .md-pos-42 {
    order: 42; }
  .md-pos-43 {
    order: 43; }
  .md-pos-44 {
    order: 44; }
  .md-pos-45 {
    order: 45; }
  .md-pos-46 {
    order: 46; }
  .md-pos-47 {
    order: 47; }
  .md-pos-48 {
    order: 48; }
  .md-pos-49 {
    order: 49; }
  .md-pos-50 {
    order: 50; }
  .md-pos-51 {
    order: 51; }
  .md-pos-52 {
    order: 52; }
  .md-pos-53 {
    order: 53; }
  .md-pos-54 {
    order: 54; }
  .md-pos-55 {
    order: 55; }
  .md-pos-56 {
    order: 56; }
  .md-pos-57 {
    order: 57; }
  .md-pos-58 {
    order: 58; }
  .md-pos-59 {
    order: 59; }
  .md-pos-60 {
    order: 60; }
  .md-pos-61 {
    order: 61; }
  .md-pos-62 {
    order: 62; }
  .md-pos-63 {
    order: 63; }
  .md-pos-64 {
    order: 64; }
  .md-pos-65 {
    order: 65; }
  .md-pos-66 {
    order: 66; }
  .md-pos-67 {
    order: 67; }
  .md-pos-68 {
    order: 68; }
  .md-pos-69 {
    order: 69; }
  .md-pos-70 {
    order: 70; }
  .md-pos-71 {
    order: 71; }
  .md-pos-72 {
    order: 72; }
  .md-pos-73 {
    order: 73; }
  .md-pos-74 {
    order: 74; }
  .md-pos-75 {
    order: 75; }
  .md-pos-76 {
    order: 76; }
  .md-pos-77 {
    order: 77; }
  .md-pos-78 {
    order: 78; }
  .md-pos-79 {
    order: 79; }
  .md-pos-80 {
    order: 80; }
  .md-pos-81 {
    order: 81; }
  .md-pos-82 {
    order: 82; }
  .md-pos-83 {
    order: 83; }
  .md-pos-84 {
    order: 84; }
  .md-pos-85 {
    order: 85; }
  .md-pos-86 {
    order: 86; }
  .md-pos-87 {
    order: 87; }
  .md-pos-88 {
    order: 88; }
  .md-pos-89 {
    order: 89; }
  .md-pos-90 {
    order: 90; }
  .md-pos-91 {
    order: 91; }
  .md-pos-92 {
    order: 92; }
  .md-pos-93 {
    order: 93; }
  .md-pos-94 {
    order: 94; }
  .md-pos-95 {
    order: 95; }
  .md-pos-96 {
    order: 96; }
  .md-pos-97 {
    order: 97; }
  .md-pos-98 {
    order: 98; }
  .md-pos-99 {
    order: 99; }
  .md-hidden {
    display: none; }
  .md-visible {
    display: block; }
  .collapse-md > * {
    display: none; }
  .collapse-md > *:first-child {
    display: block; }
  .collapse-md.active > * {
    display: block; } }

.lg-visible {
  display: none; }

@media (min-width: 1200px) {
  .lg-1 {
    width: 4.16667%; }
  .lg-2 {
    width: 8.33333%; }
  .lg-3 {
    width: 12.5%; }
  .lg-4 {
    width: 16.66667%; }
  .lg-5 {
    width: 20.83333%; }
  .lg-6 {
    width: 25%; }
  .lg-7 {
    width: 29.16667%; }
  .lg-8 {
    width: 33.33333%; }
  .lg-9 {
    width: 37.5%; }
  .lg-10 {
    width: 41.66667%; }
  .lg-11 {
    width: 45.83333%; }
  .lg-12 {
    width: 50%; }
  .lg-13 {
    width: 54.16667%; }
  .lg-14 {
    width: 58.33333%; }
  .lg-15 {
    width: 62.5%; }
  .lg-16 {
    width: 66.66667%; }
  .lg-17 {
    width: 70.83333%; }
  .lg-18 {
    width: 75%; }
  .lg-19 {
    width: 79.16667%; }
  .lg-20 {
    width: 83.33333%; }
  .lg-21 {
    width: 87.5%; }
  .lg-22 {
    width: 91.66667%; }
  .lg-23 {
    width: 95.83333%; }
  .lg-24 {
    width: 100%; } }

@media (min-width: 1200px) and (max-width: 1599px) {
  .lg-pos-0 {
    order: 0; }
  .lg-pos-1 {
    order: 1; }
  .lg-pos-2 {
    order: 2; }
  .lg-pos-3 {
    order: 3; }
  .lg-pos-4 {
    order: 4; }
  .lg-pos-5 {
    order: 5; }
  .lg-pos-6 {
    order: 6; }
  .lg-pos-7 {
    order: 7; }
  .lg-pos-8 {
    order: 8; }
  .lg-pos-9 {
    order: 9; }
  .lg-pos-10 {
    order: 10; }
  .lg-pos-11 {
    order: 11; }
  .lg-pos-12 {
    order: 12; }
  .lg-pos-13 {
    order: 13; }
  .lg-pos-14 {
    order: 14; }
  .lg-pos-15 {
    order: 15; }
  .lg-pos-16 {
    order: 16; }
  .lg-pos-17 {
    order: 17; }
  .lg-pos-18 {
    order: 18; }
  .lg-pos-19 {
    order: 19; }
  .lg-pos-20 {
    order: 20; }
  .lg-pos-21 {
    order: 21; }
  .lg-pos-22 {
    order: 22; }
  .lg-pos-23 {
    order: 23; }
  .lg-pos-24 {
    order: 24; }
  .lg-pos-25 {
    order: 25; }
  .lg-pos-26 {
    order: 26; }
  .lg-pos-27 {
    order: 27; }
  .lg-pos-28 {
    order: 28; }
  .lg-pos-29 {
    order: 29; }
  .lg-pos-30 {
    order: 30; }
  .lg-pos-31 {
    order: 31; }
  .lg-pos-32 {
    order: 32; }
  .lg-pos-33 {
    order: 33; }
  .lg-pos-34 {
    order: 34; }
  .lg-pos-35 {
    order: 35; }
  .lg-pos-36 {
    order: 36; }
  .lg-pos-37 {
    order: 37; }
  .lg-pos-38 {
    order: 38; }
  .lg-pos-39 {
    order: 39; }
  .lg-pos-40 {
    order: 40; }
  .lg-pos-41 {
    order: 41; }
  .lg-pos-42 {
    order: 42; }
  .lg-pos-43 {
    order: 43; }
  .lg-pos-44 {
    order: 44; }
  .lg-pos-45 {
    order: 45; }
  .lg-pos-46 {
    order: 46; }
  .lg-pos-47 {
    order: 47; }
  .lg-pos-48 {
    order: 48; }
  .lg-pos-49 {
    order: 49; }
  .lg-pos-50 {
    order: 50; }
  .lg-pos-51 {
    order: 51; }
  .lg-pos-52 {
    order: 52; }
  .lg-pos-53 {
    order: 53; }
  .lg-pos-54 {
    order: 54; }
  .lg-pos-55 {
    order: 55; }
  .lg-pos-56 {
    order: 56; }
  .lg-pos-57 {
    order: 57; }
  .lg-pos-58 {
    order: 58; }
  .lg-pos-59 {
    order: 59; }
  .lg-pos-60 {
    order: 60; }
  .lg-pos-61 {
    order: 61; }
  .lg-pos-62 {
    order: 62; }
  .lg-pos-63 {
    order: 63; }
  .lg-pos-64 {
    order: 64; }
  .lg-pos-65 {
    order: 65; }
  .lg-pos-66 {
    order: 66; }
  .lg-pos-67 {
    order: 67; }
  .lg-pos-68 {
    order: 68; }
  .lg-pos-69 {
    order: 69; }
  .lg-pos-70 {
    order: 70; }
  .lg-pos-71 {
    order: 71; }
  .lg-pos-72 {
    order: 72; }
  .lg-pos-73 {
    order: 73; }
  .lg-pos-74 {
    order: 74; }
  .lg-pos-75 {
    order: 75; }
  .lg-pos-76 {
    order: 76; }
  .lg-pos-77 {
    order: 77; }
  .lg-pos-78 {
    order: 78; }
  .lg-pos-79 {
    order: 79; }
  .lg-pos-80 {
    order: 80; }
  .lg-pos-81 {
    order: 81; }
  .lg-pos-82 {
    order: 82; }
  .lg-pos-83 {
    order: 83; }
  .lg-pos-84 {
    order: 84; }
  .lg-pos-85 {
    order: 85; }
  .lg-pos-86 {
    order: 86; }
  .lg-pos-87 {
    order: 87; }
  .lg-pos-88 {
    order: 88; }
  .lg-pos-89 {
    order: 89; }
  .lg-pos-90 {
    order: 90; }
  .lg-pos-91 {
    order: 91; }
  .lg-pos-92 {
    order: 92; }
  .lg-pos-93 {
    order: 93; }
  .lg-pos-94 {
    order: 94; }
  .lg-pos-95 {
    order: 95; }
  .lg-pos-96 {
    order: 96; }
  .lg-pos-97 {
    order: 97; }
  .lg-pos-98 {
    order: 98; }
  .lg-pos-99 {
    order: 99; }
  .lg-hidden {
    display: none; }
  .lg-visible {
    display: block; }
  .collapse-lg > * {
    display: none; }
  .collapse-lg > *:first-child {
    display: block; }
  .collapse-lg.active > * {
    display: block; } }

.xl-visible {
  display: none; }

@media (min-width: 1600px) {
  .xl-1 {
    width: 4.16667%; }
  .xl-2 {
    width: 8.33333%; }
  .xl-3 {
    width: 12.5%; }
  .xl-4 {
    width: 16.66667%; }
  .xl-5 {
    width: 20.83333%; }
  .xl-6 {
    width: 25%; }
  .xl-7 {
    width: 29.16667%; }
  .xl-8 {
    width: 33.33333%; }
  .xl-9 {
    width: 37.5%; }
  .xl-10 {
    width: 41.66667%; }
  .xl-11 {
    width: 45.83333%; }
  .xl-12 {
    width: 50%; }
  .xl-13 {
    width: 54.16667%; }
  .xl-14 {
    width: 58.33333%; }
  .xl-15 {
    width: 62.5%; }
  .xl-16 {
    width: 66.66667%; }
  .xl-17 {
    width: 70.83333%; }
  .xl-18 {
    width: 75%; }
  .xl-19 {
    width: 79.16667%; }
  .xl-20 {
    width: 83.33333%; }
  .xl-21 {
    width: 87.5%; }
  .xl-22 {
    width: 91.66667%; }
  .xl-23 {
    width: 95.83333%; }
  .xl-24 {
    width: 100%; } }

@media (min-width: 1600px) and (max-width: 1920px) {
  .xl-pos-0 {
    order: 0; }
  .xl-pos-1 {
    order: 1; }
  .xl-pos-2 {
    order: 2; }
  .xl-pos-3 {
    order: 3; }
  .xl-pos-4 {
    order: 4; }
  .xl-pos-5 {
    order: 5; }
  .xl-pos-6 {
    order: 6; }
  .xl-pos-7 {
    order: 7; }
  .xl-pos-8 {
    order: 8; }
  .xl-pos-9 {
    order: 9; }
  .xl-pos-10 {
    order: 10; }
  .xl-pos-11 {
    order: 11; }
  .xl-pos-12 {
    order: 12; }
  .xl-pos-13 {
    order: 13; }
  .xl-pos-14 {
    order: 14; }
  .xl-pos-15 {
    order: 15; }
  .xl-pos-16 {
    order: 16; }
  .xl-pos-17 {
    order: 17; }
  .xl-pos-18 {
    order: 18; }
  .xl-pos-19 {
    order: 19; }
  .xl-pos-20 {
    order: 20; }
  .xl-pos-21 {
    order: 21; }
  .xl-pos-22 {
    order: 22; }
  .xl-pos-23 {
    order: 23; }
  .xl-pos-24 {
    order: 24; }
  .xl-pos-25 {
    order: 25; }
  .xl-pos-26 {
    order: 26; }
  .xl-pos-27 {
    order: 27; }
  .xl-pos-28 {
    order: 28; }
  .xl-pos-29 {
    order: 29; }
  .xl-pos-30 {
    order: 30; }
  .xl-pos-31 {
    order: 31; }
  .xl-pos-32 {
    order: 32; }
  .xl-pos-33 {
    order: 33; }
  .xl-pos-34 {
    order: 34; }
  .xl-pos-35 {
    order: 35; }
  .xl-pos-36 {
    order: 36; }
  .xl-pos-37 {
    order: 37; }
  .xl-pos-38 {
    order: 38; }
  .xl-pos-39 {
    order: 39; }
  .xl-pos-40 {
    order: 40; }
  .xl-pos-41 {
    order: 41; }
  .xl-pos-42 {
    order: 42; }
  .xl-pos-43 {
    order: 43; }
  .xl-pos-44 {
    order: 44; }
  .xl-pos-45 {
    order: 45; }
  .xl-pos-46 {
    order: 46; }
  .xl-pos-47 {
    order: 47; }
  .xl-pos-48 {
    order: 48; }
  .xl-pos-49 {
    order: 49; }
  .xl-pos-50 {
    order: 50; }
  .xl-pos-51 {
    order: 51; }
  .xl-pos-52 {
    order: 52; }
  .xl-pos-53 {
    order: 53; }
  .xl-pos-54 {
    order: 54; }
  .xl-pos-55 {
    order: 55; }
  .xl-pos-56 {
    order: 56; }
  .xl-pos-57 {
    order: 57; }
  .xl-pos-58 {
    order: 58; }
  .xl-pos-59 {
    order: 59; }
  .xl-pos-60 {
    order: 60; }
  .xl-pos-61 {
    order: 61; }
  .xl-pos-62 {
    order: 62; }
  .xl-pos-63 {
    order: 63; }
  .xl-pos-64 {
    order: 64; }
  .xl-pos-65 {
    order: 65; }
  .xl-pos-66 {
    order: 66; }
  .xl-pos-67 {
    order: 67; }
  .xl-pos-68 {
    order: 68; }
  .xl-pos-69 {
    order: 69; }
  .xl-pos-70 {
    order: 70; }
  .xl-pos-71 {
    order: 71; }
  .xl-pos-72 {
    order: 72; }
  .xl-pos-73 {
    order: 73; }
  .xl-pos-74 {
    order: 74; }
  .xl-pos-75 {
    order: 75; }
  .xl-pos-76 {
    order: 76; }
  .xl-pos-77 {
    order: 77; }
  .xl-pos-78 {
    order: 78; }
  .xl-pos-79 {
    order: 79; }
  .xl-pos-80 {
    order: 80; }
  .xl-pos-81 {
    order: 81; }
  .xl-pos-82 {
    order: 82; }
  .xl-pos-83 {
    order: 83; }
  .xl-pos-84 {
    order: 84; }
  .xl-pos-85 {
    order: 85; }
  .xl-pos-86 {
    order: 86; }
  .xl-pos-87 {
    order: 87; }
  .xl-pos-88 {
    order: 88; }
  .xl-pos-89 {
    order: 89; }
  .xl-pos-90 {
    order: 90; }
  .xl-pos-91 {
    order: 91; }
  .xl-pos-92 {
    order: 92; }
  .xl-pos-93 {
    order: 93; }
  .xl-pos-94 {
    order: 94; }
  .xl-pos-95 {
    order: 95; }
  .xl-pos-96 {
    order: 96; }
  .xl-pos-97 {
    order: 97; }
  .xl-pos-98 {
    order: 98; }
  .xl-pos-99 {
    order: 99; }
  .xl-hidden {
    display: none; }
  .xl-visible {
    display: block; }
  .collapse-xl > * {
    display: none; }
  .collapse-xl > *:first-child {
    display: block; }
  .collapse-xl.active > * {
    display: block; } }

.xxl-visible {
  display: none; }

@media (min-width: 1921px) {
  .xxl-1 {
    width: 4.16667%; }
  .xxl-2 {
    width: 8.33333%; }
  .xxl-3 {
    width: 12.5%; }
  .xxl-4 {
    width: 16.66667%; }
  .xxl-5 {
    width: 20.83333%; }
  .xxl-6 {
    width: 25%; }
  .xxl-7 {
    width: 29.16667%; }
  .xxl-8 {
    width: 33.33333%; }
  .xxl-9 {
    width: 37.5%; }
  .xxl-10 {
    width: 41.66667%; }
  .xxl-11 {
    width: 45.83333%; }
  .xxl-12 {
    width: 50%; }
  .xxl-13 {
    width: 54.16667%; }
  .xxl-14 {
    width: 58.33333%; }
  .xxl-15 {
    width: 62.5%; }
  .xxl-16 {
    width: 66.66667%; }
  .xxl-17 {
    width: 70.83333%; }
  .xxl-18 {
    width: 75%; }
  .xxl-19 {
    width: 79.16667%; }
  .xxl-20 {
    width: 83.33333%; }
  .xxl-21 {
    width: 87.5%; }
  .xxl-22 {
    width: 91.66667%; }
  .xxl-23 {
    width: 95.83333%; }
  .xxl-24 {
    width: 100%; } }

@media (min-width: 1921px) and (max-width: 99999px) {
  .xxl-pos-0 {
    order: 0; }
  .xxl-pos-1 {
    order: 1; }
  .xxl-pos-2 {
    order: 2; }
  .xxl-pos-3 {
    order: 3; }
  .xxl-pos-4 {
    order: 4; }
  .xxl-pos-5 {
    order: 5; }
  .xxl-pos-6 {
    order: 6; }
  .xxl-pos-7 {
    order: 7; }
  .xxl-pos-8 {
    order: 8; }
  .xxl-pos-9 {
    order: 9; }
  .xxl-pos-10 {
    order: 10; }
  .xxl-pos-11 {
    order: 11; }
  .xxl-pos-12 {
    order: 12; }
  .xxl-pos-13 {
    order: 13; }
  .xxl-pos-14 {
    order: 14; }
  .xxl-pos-15 {
    order: 15; }
  .xxl-pos-16 {
    order: 16; }
  .xxl-pos-17 {
    order: 17; }
  .xxl-pos-18 {
    order: 18; }
  .xxl-pos-19 {
    order: 19; }
  .xxl-pos-20 {
    order: 20; }
  .xxl-pos-21 {
    order: 21; }
  .xxl-pos-22 {
    order: 22; }
  .xxl-pos-23 {
    order: 23; }
  .xxl-pos-24 {
    order: 24; }
  .xxl-pos-25 {
    order: 25; }
  .xxl-pos-26 {
    order: 26; }
  .xxl-pos-27 {
    order: 27; }
  .xxl-pos-28 {
    order: 28; }
  .xxl-pos-29 {
    order: 29; }
  .xxl-pos-30 {
    order: 30; }
  .xxl-pos-31 {
    order: 31; }
  .xxl-pos-32 {
    order: 32; }
  .xxl-pos-33 {
    order: 33; }
  .xxl-pos-34 {
    order: 34; }
  .xxl-pos-35 {
    order: 35; }
  .xxl-pos-36 {
    order: 36; }
  .xxl-pos-37 {
    order: 37; }
  .xxl-pos-38 {
    order: 38; }
  .xxl-pos-39 {
    order: 39; }
  .xxl-pos-40 {
    order: 40; }
  .xxl-pos-41 {
    order: 41; }
  .xxl-pos-42 {
    order: 42; }
  .xxl-pos-43 {
    order: 43; }
  .xxl-pos-44 {
    order: 44; }
  .xxl-pos-45 {
    order: 45; }
  .xxl-pos-46 {
    order: 46; }
  .xxl-pos-47 {
    order: 47; }
  .xxl-pos-48 {
    order: 48; }
  .xxl-pos-49 {
    order: 49; }
  .xxl-pos-50 {
    order: 50; }
  .xxl-pos-51 {
    order: 51; }
  .xxl-pos-52 {
    order: 52; }
  .xxl-pos-53 {
    order: 53; }
  .xxl-pos-54 {
    order: 54; }
  .xxl-pos-55 {
    order: 55; }
  .xxl-pos-56 {
    order: 56; }
  .xxl-pos-57 {
    order: 57; }
  .xxl-pos-58 {
    order: 58; }
  .xxl-pos-59 {
    order: 59; }
  .xxl-pos-60 {
    order: 60; }
  .xxl-pos-61 {
    order: 61; }
  .xxl-pos-62 {
    order: 62; }
  .xxl-pos-63 {
    order: 63; }
  .xxl-pos-64 {
    order: 64; }
  .xxl-pos-65 {
    order: 65; }
  .xxl-pos-66 {
    order: 66; }
  .xxl-pos-67 {
    order: 67; }
  .xxl-pos-68 {
    order: 68; }
  .xxl-pos-69 {
    order: 69; }
  .xxl-pos-70 {
    order: 70; }
  .xxl-pos-71 {
    order: 71; }
  .xxl-pos-72 {
    order: 72; }
  .xxl-pos-73 {
    order: 73; }
  .xxl-pos-74 {
    order: 74; }
  .xxl-pos-75 {
    order: 75; }
  .xxl-pos-76 {
    order: 76; }
  .xxl-pos-77 {
    order: 77; }
  .xxl-pos-78 {
    order: 78; }
  .xxl-pos-79 {
    order: 79; }
  .xxl-pos-80 {
    order: 80; }
  .xxl-pos-81 {
    order: 81; }
  .xxl-pos-82 {
    order: 82; }
  .xxl-pos-83 {
    order: 83; }
  .xxl-pos-84 {
    order: 84; }
  .xxl-pos-85 {
    order: 85; }
  .xxl-pos-86 {
    order: 86; }
  .xxl-pos-87 {
    order: 87; }
  .xxl-pos-88 {
    order: 88; }
  .xxl-pos-89 {
    order: 89; }
  .xxl-pos-90 {
    order: 90; }
  .xxl-pos-91 {
    order: 91; }
  .xxl-pos-92 {
    order: 92; }
  .xxl-pos-93 {
    order: 93; }
  .xxl-pos-94 {
    order: 94; }
  .xxl-pos-95 {
    order: 95; }
  .xxl-pos-96 {
    order: 96; }
  .xxl-pos-97 {
    order: 97; }
  .xxl-pos-98 {
    order: 98; }
  .xxl-pos-99 {
    order: 99; }
  .xxl-hidden {
    display: none; }
  .xxl-visible {
    display: block; }
  .collapse-xxl > * {
    display: none; }
  .collapse-xxl > *:first-child {
    display: block; }
  .collapse-xxl.active > * {
    display: block; } }

/**
 * establish our max-width based screen resolution breakpoints
 */
/**
 * set the maximum widht of a .container element
 */
/**
 * grid specifications
 */
/**
 * max order level
 */
/**
 * transition variables
 */
/**
 * font related
 */
/**
 * headings
 * @TODO i'm not entirely happy with this
 */
/**
  * modal
  */
h1 {
  font-size: 4rem; }

h2 {
  font-size: 3.5rem; }

h3 {
  font-size: 3rem; }

h4 {
  font-size: 2.5rem; }

h5 {
  font-size: 2rem; }

h6 {
  font-size: 1.5rem; }

@media (min-width: 0) and (max-width: 639px) {
  .xs-h1 {
    font-size: 4rem; }
  .xs-h2 {
    font-size: 3.5rem; }
  .xs-h3 {
    font-size: 3rem; }
  .xs-h4 {
    font-size: 2.5rem; }
  .xs-h5 {
    font-size: 2rem; }
  .xs-h6 {
    font-size: 1.5rem; } }

@media (min-width: 640px) and (max-width: 959px) {
  .sm-h1 {
    font-size: 4rem; }
  .sm-h2 {
    font-size: 3.5rem; }
  .sm-h3 {
    font-size: 3rem; }
  .sm-h4 {
    font-size: 2.5rem; }
  .sm-h5 {
    font-size: 2rem; }
  .sm-h6 {
    font-size: 1.5rem; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .md-h1 {
    font-size: 4rem; }
  .md-h2 {
    font-size: 3.5rem; }
  .md-h3 {
    font-size: 3rem; }
  .md-h4 {
    font-size: 2.5rem; }
  .md-h5 {
    font-size: 2rem; }
  .md-h6 {
    font-size: 1.5rem; } }

@media (min-width: 1200px) and (max-width: 1599px) {
  .lg-h1 {
    font-size: 4rem; }
  .lg-h2 {
    font-size: 3.5rem; }
  .lg-h3 {
    font-size: 3rem; }
  .lg-h4 {
    font-size: 2.5rem; }
  .lg-h5 {
    font-size: 2rem; }
  .lg-h6 {
    font-size: 1.5rem; } }

@media (min-width: 1600px) and (max-width: 1920px) {
  .xl-h1 {
    font-size: 4rem; }
  .xl-h2 {
    font-size: 3.5rem; }
  .xl-h3 {
    font-size: 3rem; }
  .xl-h4 {
    font-size: 2.5rem; }
  .xl-h5 {
    font-size: 2rem; }
  .xl-h6 {
    font-size: 1.5rem; } }

@media (min-width: 1921px) and (max-width: 99999px) {
  .xxl-h1 {
    font-size: 4rem; }
  .xxl-h2 {
    font-size: 3.5rem; }
  .xxl-h3 {
    font-size: 3rem; }
  .xxl-h4 {
    font-size: 2.5rem; }
  .xxl-h5 {
    font-size: 2rem; }
  .xxl-h6 {
    font-size: 1.5rem; } }

@media (min-width: 1200px) {
  .container {
    position: relative;
    box-sizing: border-box;
    width: 1200px;
    margin-left: calc((100% - 1200px) / 2); } }

/**
 * establish our max-width based screen resolution breakpoints
 */
/**
 * set the maximum widht of a .container element
 */
/**
 * grid specifications
 */
/**
 * max order level
 */
/**
 * transition variables
 */
/**
 * font related
 */
/**
 * headings
 * @TODO i'm not entirely happy with this
 */
/**
  * modal
  */
.shift-1
, .squish-1 {
  margin-left: 4.16667%; }

.push-1
, .squish-1 {
  margin-right: 4.16667%; }

.shift-2
, .squish-2 {
  margin-left: 8.33333%; }

.push-2
, .squish-2 {
  margin-right: 8.33333%; }

.shift-3
, .squish-3 {
  margin-left: 12.5%; }

.push-3
, .squish-3 {
  margin-right: 12.5%; }

.shift-4
, .squish-4 {
  margin-left: 16.66667%; }

.push-4
, .squish-4 {
  margin-right: 16.66667%; }

.shift-5
, .squish-5 {
  margin-left: 20.83333%; }

.push-5
, .squish-5 {
  margin-right: 20.83333%; }

.shift-6
, .squish-6 {
  margin-left: 25%; }

.push-6
, .squish-6 {
  margin-right: 25%; }

.shift-7
, .squish-7 {
  margin-left: 29.16667%; }

.push-7
, .squish-7 {
  margin-right: 29.16667%; }

.shift-8
, .squish-8 {
  margin-left: 33.33333%; }

.push-8
, .squish-8 {
  margin-right: 33.33333%; }

.shift-9
, .squish-9 {
  margin-left: 37.5%; }

.push-9
, .squish-9 {
  margin-right: 37.5%; }

.shift-10
, .squish-10 {
  margin-left: 41.66667%; }

.push-10
, .squish-10 {
  margin-right: 41.66667%; }

.shift-11
, .squish-11 {
  margin-left: 45.83333%; }

.push-11
, .squish-11 {
  margin-right: 45.83333%; }

.shift-12
, .squish-12 {
  margin-left: 50%; }

.push-12
, .squish-12 {
  margin-right: 50%; }

.shift-13
, .squish-13 {
  margin-left: 54.16667%; }

.push-13
, .squish-13 {
  margin-right: 54.16667%; }

.shift-14
, .squish-14 {
  margin-left: 58.33333%; }

.push-14
, .squish-14 {
  margin-right: 58.33333%; }

.shift-15
, .squish-15 {
  margin-left: 62.5%; }

.push-15
, .squish-15 {
  margin-right: 62.5%; }

.shift-16
, .squish-16 {
  margin-left: 66.66667%; }

.push-16
, .squish-16 {
  margin-right: 66.66667%; }

.shift-17
, .squish-17 {
  margin-left: 70.83333%; }

.push-17
, .squish-17 {
  margin-right: 70.83333%; }

.shift-18
, .squish-18 {
  margin-left: 75%; }

.push-18
, .squish-18 {
  margin-right: 75%; }

.shift-19
, .squish-19 {
  margin-left: 79.16667%; }

.push-19
, .squish-19 {
  margin-right: 79.16667%; }

.shift-20
, .squish-20 {
  margin-left: 83.33333%; }

.push-20
, .squish-20 {
  margin-right: 83.33333%; }

.shift-21
, .squish-21 {
  margin-left: 87.5%; }

.push-21
, .squish-21 {
  margin-right: 87.5%; }

.shift-22
, .squish-22 {
  margin-left: 91.66667%; }

.push-22
, .squish-22 {
  margin-right: 91.66667%; }

.shift-23
, .squish-23 {
  margin-left: 95.83333%; }

.push-23
, .squish-23 {
  margin-right: 95.83333%; }

.shift-24
, .squish-24 {
  margin-left: 100%; }

.push-24
, .squish-24 {
  margin-right: 100%; }

@media (min-width: 0) and (max-width: 639px) {
  .xs-shift-1
, .xs-squish-1 {
    margin-left: 4.16667%; }
  .xs-push-1
, .xs-squish-1 {
    margin-right: 4.16667%; }
  .xs-shift-2
, .xs-squish-2 {
    margin-left: 8.33333%; }
  .xs-push-2
, .xs-squish-2 {
    margin-right: 8.33333%; }
  .xs-shift-3
, .xs-squish-3 {
    margin-left: 12.5%; }
  .xs-push-3
, .xs-squish-3 {
    margin-right: 12.5%; }
  .xs-shift-4
, .xs-squish-4 {
    margin-left: 16.66667%; }
  .xs-push-4
, .xs-squish-4 {
    margin-right: 16.66667%; }
  .xs-shift-5
, .xs-squish-5 {
    margin-left: 20.83333%; }
  .xs-push-5
, .xs-squish-5 {
    margin-right: 20.83333%; }
  .xs-shift-6
, .xs-squish-6 {
    margin-left: 25%; }
  .xs-push-6
, .xs-squish-6 {
    margin-right: 25%; }
  .xs-shift-7
, .xs-squish-7 {
    margin-left: 29.16667%; }
  .xs-push-7
, .xs-squish-7 {
    margin-right: 29.16667%; }
  .xs-shift-8
, .xs-squish-8 {
    margin-left: 33.33333%; }
  .xs-push-8
, .xs-squish-8 {
    margin-right: 33.33333%; }
  .xs-shift-9
, .xs-squish-9 {
    margin-left: 37.5%; }
  .xs-push-9
, .xs-squish-9 {
    margin-right: 37.5%; }
  .xs-shift-10
, .xs-squish-10 {
    margin-left: 41.66667%; }
  .xs-push-10
, .xs-squish-10 {
    margin-right: 41.66667%; }
  .xs-shift-11
, .xs-squish-11 {
    margin-left: 45.83333%; }
  .xs-push-11
, .xs-squish-11 {
    margin-right: 45.83333%; }
  .xs-shift-12
, .xs-squish-12 {
    margin-left: 50%; }
  .xs-push-12
, .xs-squish-12 {
    margin-right: 50%; }
  .xs-shift-13
, .xs-squish-13 {
    margin-left: 54.16667%; }
  .xs-push-13
, .xs-squish-13 {
    margin-right: 54.16667%; }
  .xs-shift-14
, .xs-squish-14 {
    margin-left: 58.33333%; }
  .xs-push-14
, .xs-squish-14 {
    margin-right: 58.33333%; }
  .xs-shift-15
, .xs-squish-15 {
    margin-left: 62.5%; }
  .xs-push-15
, .xs-squish-15 {
    margin-right: 62.5%; }
  .xs-shift-16
, .xs-squish-16 {
    margin-left: 66.66667%; }
  .xs-push-16
, .xs-squish-16 {
    margin-right: 66.66667%; }
  .xs-shift-17
, .xs-squish-17 {
    margin-left: 70.83333%; }
  .xs-push-17
, .xs-squish-17 {
    margin-right: 70.83333%; }
  .xs-shift-18
, .xs-squish-18 {
    margin-left: 75%; }
  .xs-push-18
, .xs-squish-18 {
    margin-right: 75%; }
  .xs-shift-19
, .xs-squish-19 {
    margin-left: 79.16667%; }
  .xs-push-19
, .xs-squish-19 {
    margin-right: 79.16667%; }
  .xs-shift-20
, .xs-squish-20 {
    margin-left: 83.33333%; }
  .xs-push-20
, .xs-squish-20 {
    margin-right: 83.33333%; }
  .xs-shift-21
, .xs-squish-21 {
    margin-left: 87.5%; }
  .xs-push-21
, .xs-squish-21 {
    margin-right: 87.5%; }
  .xs-shift-22
, .xs-squish-22 {
    margin-left: 91.66667%; }
  .xs-push-22
, .xs-squish-22 {
    margin-right: 91.66667%; }
  .xs-shift-23
, .xs-squish-23 {
    margin-left: 95.83333%; }
  .xs-push-23
, .xs-squish-23 {
    margin-right: 95.83333%; }
  .xs-shift-24
, .xs-squish-24 {
    margin-left: 100%; }
  .xs-push-24
, .xs-squish-24 {
    margin-right: 100%; }
  .xs-shift-0
, .xs-squish-0 {
    margin-left: 0; }
  .xs-push-0
, .xs-squish-0 {
    margin-right: 0; } }

@media (min-width: 640px) and (max-width: 959px) {
  .sm-shift-1
, .sm-squish-1 {
    margin-left: 4.16667%; }
  .sm-push-1
, .sm-squish-1 {
    margin-right: 4.16667%; }
  .sm-shift-2
, .sm-squish-2 {
    margin-left: 8.33333%; }
  .sm-push-2
, .sm-squish-2 {
    margin-right: 8.33333%; }
  .sm-shift-3
, .sm-squish-3 {
    margin-left: 12.5%; }
  .sm-push-3
, .sm-squish-3 {
    margin-right: 12.5%; }
  .sm-shift-4
, .sm-squish-4 {
    margin-left: 16.66667%; }
  .sm-push-4
, .sm-squish-4 {
    margin-right: 16.66667%; }
  .sm-shift-5
, .sm-squish-5 {
    margin-left: 20.83333%; }
  .sm-push-5
, .sm-squish-5 {
    margin-right: 20.83333%; }
  .sm-shift-6
, .sm-squish-6 {
    margin-left: 25%; }
  .sm-push-6
, .sm-squish-6 {
    margin-right: 25%; }
  .sm-shift-7
, .sm-squish-7 {
    margin-left: 29.16667%; }
  .sm-push-7
, .sm-squish-7 {
    margin-right: 29.16667%; }
  .sm-shift-8
, .sm-squish-8 {
    margin-left: 33.33333%; }
  .sm-push-8
, .sm-squish-8 {
    margin-right: 33.33333%; }
  .sm-shift-9
, .sm-squish-9 {
    margin-left: 37.5%; }
  .sm-push-9
, .sm-squish-9 {
    margin-right: 37.5%; }
  .sm-shift-10
, .sm-squish-10 {
    margin-left: 41.66667%; }
  .sm-push-10
, .sm-squish-10 {
    margin-right: 41.66667%; }
  .sm-shift-11
, .sm-squish-11 {
    margin-left: 45.83333%; }
  .sm-push-11
, .sm-squish-11 {
    margin-right: 45.83333%; }
  .sm-shift-12
, .sm-squish-12 {
    margin-left: 50%; }
  .sm-push-12
, .sm-squish-12 {
    margin-right: 50%; }
  .sm-shift-13
, .sm-squish-13 {
    margin-left: 54.16667%; }
  .sm-push-13
, .sm-squish-13 {
    margin-right: 54.16667%; }
  .sm-shift-14
, .sm-squish-14 {
    margin-left: 58.33333%; }
  .sm-push-14
, .sm-squish-14 {
    margin-right: 58.33333%; }
  .sm-shift-15
, .sm-squish-15 {
    margin-left: 62.5%; }
  .sm-push-15
, .sm-squish-15 {
    margin-right: 62.5%; }
  .sm-shift-16
, .sm-squish-16 {
    margin-left: 66.66667%; }
  .sm-push-16
, .sm-squish-16 {
    margin-right: 66.66667%; }
  .sm-shift-17
, .sm-squish-17 {
    margin-left: 70.83333%; }
  .sm-push-17
, .sm-squish-17 {
    margin-right: 70.83333%; }
  .sm-shift-18
, .sm-squish-18 {
    margin-left: 75%; }
  .sm-push-18
, .sm-squish-18 {
    margin-right: 75%; }
  .sm-shift-19
, .sm-squish-19 {
    margin-left: 79.16667%; }
  .sm-push-19
, .sm-squish-19 {
    margin-right: 79.16667%; }
  .sm-shift-20
, .sm-squish-20 {
    margin-left: 83.33333%; }
  .sm-push-20
, .sm-squish-20 {
    margin-right: 83.33333%; }
  .sm-shift-21
, .sm-squish-21 {
    margin-left: 87.5%; }
  .sm-push-21
, .sm-squish-21 {
    margin-right: 87.5%; }
  .sm-shift-22
, .sm-squish-22 {
    margin-left: 91.66667%; }
  .sm-push-22
, .sm-squish-22 {
    margin-right: 91.66667%; }
  .sm-shift-23
, .sm-squish-23 {
    margin-left: 95.83333%; }
  .sm-push-23
, .sm-squish-23 {
    margin-right: 95.83333%; }
  .sm-shift-24
, .sm-squish-24 {
    margin-left: 100%; }
  .sm-push-24
, .sm-squish-24 {
    margin-right: 100%; }
  .sm-shift-0
, .sm-squish-0 {
    margin-left: 0; }
  .sm-push-0
, .sm-squish-0 {
    margin-right: 0; } }

@media (min-width: 960px) and (max-width: 1199px) {
  .md-shift-1
, .md-squish-1 {
    margin-left: 4.16667%; }
  .md-push-1
, .md-squish-1 {
    margin-right: 4.16667%; }
  .md-shift-2
, .md-squish-2 {
    margin-left: 8.33333%; }
  .md-push-2
, .md-squish-2 {
    margin-right: 8.33333%; }
  .md-shift-3
, .md-squish-3 {
    margin-left: 12.5%; }
  .md-push-3
, .md-squish-3 {
    margin-right: 12.5%; }
  .md-shift-4
, .md-squish-4 {
    margin-left: 16.66667%; }
  .md-push-4
, .md-squish-4 {
    margin-right: 16.66667%; }
  .md-shift-5
, .md-squish-5 {
    margin-left: 20.83333%; }
  .md-push-5
, .md-squish-5 {
    margin-right: 20.83333%; }
  .md-shift-6
, .md-squish-6 {
    margin-left: 25%; }
  .md-push-6
, .md-squish-6 {
    margin-right: 25%; }
  .md-shift-7
, .md-squish-7 {
    margin-left: 29.16667%; }
  .md-push-7
, .md-squish-7 {
    margin-right: 29.16667%; }
  .md-shift-8
, .md-squish-8 {
    margin-left: 33.33333%; }
  .md-push-8
, .md-squish-8 {
    margin-right: 33.33333%; }
  .md-shift-9
, .md-squish-9 {
    margin-left: 37.5%; }
  .md-push-9
, .md-squish-9 {
    margin-right: 37.5%; }
  .md-shift-10
, .md-squish-10 {
    margin-left: 41.66667%; }
  .md-push-10
, .md-squish-10 {
    margin-right: 41.66667%; }
  .md-shift-11
, .md-squish-11 {
    margin-left: 45.83333%; }
  .md-push-11
, .md-squish-11 {
    margin-right: 45.83333%; }
  .md-shift-12
, .md-squish-12 {
    margin-left: 50%; }
  .md-push-12
, .md-squish-12 {
    margin-right: 50%; }
  .md-shift-13
, .md-squish-13 {
    margin-left: 54.16667%; }
  .md-push-13
, .md-squish-13 {
    margin-right: 54.16667%; }
  .md-shift-14
, .md-squish-14 {
    margin-left: 58.33333%; }
  .md-push-14
, .md-squish-14 {
    margin-right: 58.33333%; }
  .md-shift-15
, .md-squish-15 {
    margin-left: 62.5%; }
  .md-push-15
, .md-squish-15 {
    margin-right: 62.5%; }
  .md-shift-16
, .md-squish-16 {
    margin-left: 66.66667%; }
  .md-push-16
, .md-squish-16 {
    margin-right: 66.66667%; }
  .md-shift-17
, .md-squish-17 {
    margin-left: 70.83333%; }
  .md-push-17
, .md-squish-17 {
    margin-right: 70.83333%; }
  .md-shift-18
, .md-squish-18 {
    margin-left: 75%; }
  .md-push-18
, .md-squish-18 {
    margin-right: 75%; }
  .md-shift-19
, .md-squish-19 {
    margin-left: 79.16667%; }
  .md-push-19
, .md-squish-19 {
    margin-right: 79.16667%; }
  .md-shift-20
, .md-squish-20 {
    margin-left: 83.33333%; }
  .md-push-20
, .md-squish-20 {
    margin-right: 83.33333%; }
  .md-shift-21
, .md-squish-21 {
    margin-left: 87.5%; }
  .md-push-21
, .md-squish-21 {
    margin-right: 87.5%; }
  .md-shift-22
, .md-squish-22 {
    margin-left: 91.66667%; }
  .md-push-22
, .md-squish-22 {
    margin-right: 91.66667%; }
  .md-shift-23
, .md-squish-23 {
    margin-left: 95.83333%; }
  .md-push-23
, .md-squish-23 {
    margin-right: 95.83333%; }
  .md-shift-24
, .md-squish-24 {
    margin-left: 100%; }
  .md-push-24
, .md-squish-24 {
    margin-right: 100%; }
  .md-shift-0
, .md-squish-0 {
    margin-left: 0; }
  .md-push-0
, .md-squish-0 {
    margin-right: 0; } }

@media (min-width: 1200px) and (max-width: 1599px) {
  .lg-shift-1
, .lg-squish-1 {
    margin-left: 4.16667%; }
  .lg-push-1
, .lg-squish-1 {
    margin-right: 4.16667%; }
  .lg-shift-2
, .lg-squish-2 {
    margin-left: 8.33333%; }
  .lg-push-2
, .lg-squish-2 {
    margin-right: 8.33333%; }
  .lg-shift-3
, .lg-squish-3 {
    margin-left: 12.5%; }
  .lg-push-3
, .lg-squish-3 {
    margin-right: 12.5%; }
  .lg-shift-4
, .lg-squish-4 {
    margin-left: 16.66667%; }
  .lg-push-4
, .lg-squish-4 {
    margin-right: 16.66667%; }
  .lg-shift-5
, .lg-squish-5 {
    margin-left: 20.83333%; }
  .lg-push-5
, .lg-squish-5 {
    margin-right: 20.83333%; }
  .lg-shift-6
, .lg-squish-6 {
    margin-left: 25%; }
  .lg-push-6
, .lg-squish-6 {
    margin-right: 25%; }
  .lg-shift-7
, .lg-squish-7 {
    margin-left: 29.16667%; }
  .lg-push-7
, .lg-squish-7 {
    margin-right: 29.16667%; }
  .lg-shift-8
, .lg-squish-8 {
    margin-left: 33.33333%; }
  .lg-push-8
, .lg-squish-8 {
    margin-right: 33.33333%; }
  .lg-shift-9
, .lg-squish-9 {
    margin-left: 37.5%; }
  .lg-push-9
, .lg-squish-9 {
    margin-right: 37.5%; }
  .lg-shift-10
, .lg-squish-10 {
    margin-left: 41.66667%; }
  .lg-push-10
, .lg-squish-10 {
    margin-right: 41.66667%; }
  .lg-shift-11
, .lg-squish-11 {
    margin-left: 45.83333%; }
  .lg-push-11
, .lg-squish-11 {
    margin-right: 45.83333%; }
  .lg-shift-12
, .lg-squish-12 {
    margin-left: 50%; }
  .lg-push-12
, .lg-squish-12 {
    margin-right: 50%; }
  .lg-shift-13
, .lg-squish-13 {
    margin-left: 54.16667%; }
  .lg-push-13
, .lg-squish-13 {
    margin-right: 54.16667%; }
  .lg-shift-14
, .lg-squish-14 {
    margin-left: 58.33333%; }
  .lg-push-14
, .lg-squish-14 {
    margin-right: 58.33333%; }
  .lg-shift-15
, .lg-squish-15 {
    margin-left: 62.5%; }
  .lg-push-15
, .lg-squish-15 {
    margin-right: 62.5%; }
  .lg-shift-16
, .lg-squish-16 {
    margin-left: 66.66667%; }
  .lg-push-16
, .lg-squish-16 {
    margin-right: 66.66667%; }
  .lg-shift-17
, .lg-squish-17 {
    margin-left: 70.83333%; }
  .lg-push-17
, .lg-squish-17 {
    margin-right: 70.83333%; }
  .lg-shift-18
, .lg-squish-18 {
    margin-left: 75%; }
  .lg-push-18
, .lg-squish-18 {
    margin-right: 75%; }
  .lg-shift-19
, .lg-squish-19 {
    margin-left: 79.16667%; }
  .lg-push-19
, .lg-squish-19 {
    margin-right: 79.16667%; }
  .lg-shift-20
, .lg-squish-20 {
    margin-left: 83.33333%; }
  .lg-push-20
, .lg-squish-20 {
    margin-right: 83.33333%; }
  .lg-shift-21
, .lg-squish-21 {
    margin-left: 87.5%; }
  .lg-push-21
, .lg-squish-21 {
    margin-right: 87.5%; }
  .lg-shift-22
, .lg-squish-22 {
    margin-left: 91.66667%; }
  .lg-push-22
, .lg-squish-22 {
    margin-right: 91.66667%; }
  .lg-shift-23
, .lg-squish-23 {
    margin-left: 95.83333%; }
  .lg-push-23
, .lg-squish-23 {
    margin-right: 95.83333%; }
  .lg-shift-24
, .lg-squish-24 {
    margin-left: 100%; }
  .lg-push-24
, .lg-squish-24 {
    margin-right: 100%; }
  .lg-shift-0
, .lg-squish-0 {
    margin-left: 0; }
  .lg-push-0
, .lg-squish-0 {
    margin-right: 0; } }

@media (min-width: 1600px) and (max-width: 1920px) {
  .xl-shift-1
, .xl-squish-1 {
    margin-left: 4.16667%; }
  .xl-push-1
, .xl-squish-1 {
    margin-right: 4.16667%; }
  .xl-shift-2
, .xl-squish-2 {
    margin-left: 8.33333%; }
  .xl-push-2
, .xl-squish-2 {
    margin-right: 8.33333%; }
  .xl-shift-3
, .xl-squish-3 {
    margin-left: 12.5%; }
  .xl-push-3
, .xl-squish-3 {
    margin-right: 12.5%; }
  .xl-shift-4
, .xl-squish-4 {
    margin-left: 16.66667%; }
  .xl-push-4
, .xl-squish-4 {
    margin-right: 16.66667%; }
  .xl-shift-5
, .xl-squish-5 {
    margin-left: 20.83333%; }
  .xl-push-5
, .xl-squish-5 {
    margin-right: 20.83333%; }
  .xl-shift-6
, .xl-squish-6 {
    margin-left: 25%; }
  .xl-push-6
, .xl-squish-6 {
    margin-right: 25%; }
  .xl-shift-7
, .xl-squish-7 {
    margin-left: 29.16667%; }
  .xl-push-7
, .xl-squish-7 {
    margin-right: 29.16667%; }
  .xl-shift-8
, .xl-squish-8 {
    margin-left: 33.33333%; }
  .xl-push-8
, .xl-squish-8 {
    margin-right: 33.33333%; }
  .xl-shift-9
, .xl-squish-9 {
    margin-left: 37.5%; }
  .xl-push-9
, .xl-squish-9 {
    margin-right: 37.5%; }
  .xl-shift-10
, .xl-squish-10 {
    margin-left: 41.66667%; }
  .xl-push-10
, .xl-squish-10 {
    margin-right: 41.66667%; }
  .xl-shift-11
, .xl-squish-11 {
    margin-left: 45.83333%; }
  .xl-push-11
, .xl-squish-11 {
    margin-right: 45.83333%; }
  .xl-shift-12
, .xl-squish-12 {
    margin-left: 50%; }
  .xl-push-12
, .xl-squish-12 {
    margin-right: 50%; }
  .xl-shift-13
, .xl-squish-13 {
    margin-left: 54.16667%; }
  .xl-push-13
, .xl-squish-13 {
    margin-right: 54.16667%; }
  .xl-shift-14
, .xl-squish-14 {
    margin-left: 58.33333%; }
  .xl-push-14
, .xl-squish-14 {
    margin-right: 58.33333%; }
  .xl-shift-15
, .xl-squish-15 {
    margin-left: 62.5%; }
  .xl-push-15
, .xl-squish-15 {
    margin-right: 62.5%; }
  .xl-shift-16
, .xl-squish-16 {
    margin-left: 66.66667%; }
  .xl-push-16
, .xl-squish-16 {
    margin-right: 66.66667%; }
  .xl-shift-17
, .xl-squish-17 {
    margin-left: 70.83333%; }
  .xl-push-17
, .xl-squish-17 {
    margin-right: 70.83333%; }
  .xl-shift-18
, .xl-squish-18 {
    margin-left: 75%; }
  .xl-push-18
, .xl-squish-18 {
    margin-right: 75%; }
  .xl-shift-19
, .xl-squish-19 {
    margin-left: 79.16667%; }
  .xl-push-19
, .xl-squish-19 {
    margin-right: 79.16667%; }
  .xl-shift-20
, .xl-squish-20 {
    margin-left: 83.33333%; }
  .xl-push-20
, .xl-squish-20 {
    margin-right: 83.33333%; }
  .xl-shift-21
, .xl-squish-21 {
    margin-left: 87.5%; }
  .xl-push-21
, .xl-squish-21 {
    margin-right: 87.5%; }
  .xl-shift-22
, .xl-squish-22 {
    margin-left: 91.66667%; }
  .xl-push-22
, .xl-squish-22 {
    margin-right: 91.66667%; }
  .xl-shift-23
, .xl-squish-23 {
    margin-left: 95.83333%; }
  .xl-push-23
, .xl-squish-23 {
    margin-right: 95.83333%; }
  .xl-shift-24
, .xl-squish-24 {
    margin-left: 100%; }
  .xl-push-24
, .xl-squish-24 {
    margin-right: 100%; }
  .xl-shift-0
, .xl-squish-0 {
    margin-left: 0; }
  .xl-push-0
, .xl-squish-0 {
    margin-right: 0; } }

@media (min-width: 1921px) and (max-width: 99999px) {
  .xxl-shift-1
, .xxl-squish-1 {
    margin-left: 4.16667%; }
  .xxl-push-1
, .xxl-squish-1 {
    margin-right: 4.16667%; }
  .xxl-shift-2
, .xxl-squish-2 {
    margin-left: 8.33333%; }
  .xxl-push-2
, .xxl-squish-2 {
    margin-right: 8.33333%; }
  .xxl-shift-3
, .xxl-squish-3 {
    margin-left: 12.5%; }
  .xxl-push-3
, .xxl-squish-3 {
    margin-right: 12.5%; }
  .xxl-shift-4
, .xxl-squish-4 {
    margin-left: 16.66667%; }
  .xxl-push-4
, .xxl-squish-4 {
    margin-right: 16.66667%; }
  .xxl-shift-5
, .xxl-squish-5 {
    margin-left: 20.83333%; }
  .xxl-push-5
, .xxl-squish-5 {
    margin-right: 20.83333%; }
  .xxl-shift-6
, .xxl-squish-6 {
    margin-left: 25%; }
  .xxl-push-6
, .xxl-squish-6 {
    margin-right: 25%; }
  .xxl-shift-7
, .xxl-squish-7 {
    margin-left: 29.16667%; }
  .xxl-push-7
, .xxl-squish-7 {
    margin-right: 29.16667%; }
  .xxl-shift-8
, .xxl-squish-8 {
    margin-left: 33.33333%; }
  .xxl-push-8
, .xxl-squish-8 {
    margin-right: 33.33333%; }
  .xxl-shift-9
, .xxl-squish-9 {
    margin-left: 37.5%; }
  .xxl-push-9
, .xxl-squish-9 {
    marg