/*! Avalanche | MIT License | @colourgarden */
/*------------------------------------*    SETTINGS
\*------------------------------------*/
/*------------------------------------*    LOGIC aka THE MAGIC
\*------------------------------------*/
/*------------------------------------*    GRID LAYOUT
\*------------------------------------*/
.grid {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -20px;
  font-size: 0rem; }

.grid__cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0;
  padding-left: 20px;
  margin: 0;
  vertical-align: top;
  font-size: 1rem; }

.grid--center {
  text-align: center; }
  .grid--center > .grid__cell {
    text-align: left; }

.grid__cell--center, .grid__cell--portable--center {
  display: block;
  margin: 0 auto; }

.grid--right {
  text-align: right; }
  .grid--right > .grid__cell {
    text-align: left; }

.grid--middle > .grid__cell {
  vertical-align: middle; }

.grid--flush {
  margin-left: 0; }
  .grid--flush > .grid__cell {
    padding-left: 0; }

.grid--auto > .grid__cell {
  width: auto; }

.grid--rev {
  direction: rtl; }
  .grid--rev > .grid__cell {
    direction: ltr; }

/*------------------------------------*    GRID WIDTHS
\*------------------------------------*/
.\31\/2, .\32\/4, .\36\/12 {
  width: 50%; }

.\31\/3, .\34\/12 {
  width: 33.33333%; }

.\32\/3, .\38\/12 {
  width: 66.66667%; }

.\31\/4, .\33\/12 {
  width: 25%; }

.\33\/4, .\39\/12 {
  width: 75%; }

.\31\/5 {
  width: 20%; }

.\32\/5 {
  width: 40%; }

.\33\/5 {
  width: 60%; }

.\34\/5 {
  width: 80%; }

.\31\/7 {
  width: 14.28571%; }

.\32\/7 {
  width: 28.57143%; }

.\33\/7 {
  width: 42.85714%; }

.\34\/7 {
  width: 57.14286%; }

.\35\/7 {
  width: 71.42857%; }

.\36\/7 {
  width: 85.71429%; }

.\31\/12 {
  width: 8.33333%; }

.\32\/12 {
  width: 16.66667%; }

.\35\/12 {
  width: 41.66667%; }

.\37\/12 {
  width: 58.33333%; }

.\31\30\/12 {
  width: 83.33333%; }

.\31\31\/12 {
  width: 91.66667%; }

@media screen and (max-width: 499px) {
  .\31\/2--thumb, .\32\/4--thumb, .\36\/12--thumb {
    width: 50%; }
  .\31\/3--thumb, .\34\/12--thumb {
    width: 33.33333%; }
  .\32\/3--thumb, .\38\/12--thumb {
    width: 66.66667%; }
  .\31\/4--thumb, .\33\/12--thumb {
    width: 25%; }
  .\33\/4--thumb, .\39\/12--thumb {
    width: 75%; }
  .\31\/5--thumb {
    width: 20%; }
  .\32\/5--thumb {
    width: 40%; }
  .\33\/5--thumb {
    width: 60%; }
  .\34\/5--thumb {
    width: 80%; }
  .\31\/7--thumb {
    width: 14.28571%; }
  .\32\/7--thumb {
    width: 28.57143%; }
  .\33\/7--thumb {
    width: 42.85714%; }
  .\34\/7--thumb {
    width: 57.14286%; }
  .\35\/7--thumb {
    width: 71.42857%; }
  .\36\/7--thumb {
    width: 85.71429%; }
  .\31\/12--thumb {
    width: 8.33333%; }
  .\32\/12--thumb {
    width: 16.66667%; }
  .\35\/12--thumb {
    width: 41.66667%; }
  .\37\/12--thumb {
    width: 58.33333%; }
  .\31\30\/12--thumb {
    width: 83.33333%; }
  .\31\31\/12--thumb {
    width: 91.66667%; } }

@media screen and (min-width: 500px) and (max-width: 800px) {
  .\31\/2--handheld, .\32\/4--handheld, .\36\/12--handheld {
    width: 50%; }
  .\31\/3--handheld, .\34\/12--handheld {
    width: 33.33333%; }
  .\32\/3--handheld, .\38\/12--handheld {
    width: 66.66667%; }
  .\31\/4--handheld, .\33\/12--handheld {
    width: 25%; }
  .\33\/4--handheld, .\39\/12--handheld {
    width: 75%; }
  .\31\/5--handheld {
    width: 20%; }
  .\32\/5--handheld {
    width: 40%; }
  .\33\/5--handheld {
    width: 60%; }
  .\34\/5--handheld {
    width: 80%; }
  .\31\/7--handheld {
    width: 14.28571%; }
  .\32\/7--handheld {
    width: 28.57143%; }
  .\33\/7--handheld {
    width: 42.85714%; }
  .\34\/7--handheld {
    width: 57.14286%; }
  .\35\/7--handheld {
    width: 71.42857%; }
  .\36\/7--handheld {
    width: 85.71429%; }
  .\31\/12--handheld {
    width: 8.33333%; }
  .\32\/12--handheld {
    width: 16.66667%; }
  .\35\/12--handheld {
    width: 41.66667%; }
  .\37\/12--handheld {
    width: 58.33333%; }
  .\31\30\/12--handheld {
    width: 83.33333%; }
  .\31\31\/12--handheld {
    width: 91.66667%; } }

@media screen and (max-width: 800px) {
  .\31\/2--pocket, .\32\/4--pocket, .\36\/12--pocket {
    width: 50%; }
  .\31\/3--pocket, .\34\/12--pocket {
    width: 33.33333%; }
  .\32\/3--pocket, .\38\/12--pocket {
    width: 66.66667%; }
  .\31\/4--pocket, .\33\/12--pocket {
    width: 25%; }
  .\33\/4--pocket, .\39\/12--pocket {
    width: 75%; }
  .\31\/5--pocket {
    width: 20%; }
  .\32\/5--pocket {
    width: 40%; }
  .\33\/5--pocket {
    width: 60%; }
  .\34\/5--pocket {
    width: 80%; }
  .\31\/7--pocket {
    width: 14.28571%; }
  .\32\/7--pocket {
    width: 28.57143%; }
  .\33\/7--pocket {
    width: 42.85714%; }
  .\34\/7--pocket {
    width: 57.14286%; }
  .\35\/7--pocket {
    width: 71.42857%; }
  .\36\/7--pocket {
    width: 85.71429%; }
  .\31\/12--pocket {
    width: 8.33333%; }
  .\32\/12--pocket {
    width: 16.66667%; }
  .\35\/12--pocket {
    width: 41.66667%; }
  .\37\/12--pocket {
    width: 58.33333%; }
  .\31\30\/12--pocket {
    width: 83.33333%; }
  .\31\31\/12--pocket {
    width: 91.66667%; } }

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .\31\/2--lap, .\32\/4--lap, .\36\/12--lap {
    width: 50%; }
  .\31\/3--lap, .\34\/12--lap {
    width: 33.33333%; }
  .\32\/3--lap, .\38\/12--lap {
    width: 66.66667%; }
  .\31\/4--lap, .\33\/12--lap {
    width: 25%; }
  .\33\/4--lap, .\39\/12--lap {
    width: 75%; }
  .\31\/5--lap {
    width: 20%; }
  .\32\/5--lap {
    width: 40%; }
  .\33\/5--lap {
    width: 60%; }
  .\34\/5--lap {
    width: 80%; }
  .\31\/7--lap {
    width: 14.28571%; }
  .\32\/7--lap {
    width: 28.57143%; }
  .\33\/7--lap {
    width: 42.85714%; }
  .\34\/7--lap {
    width: 57.14286%; }
  .\35\/7--lap {
    width: 71.42857%; }
  .\36\/7--lap {
    width: 85.71429%; }
  .\31\/12--lap {
    width: 8.33333%; }
  .\32\/12--lap {
    width: 16.66667%; }
  .\35\/12--lap {
    width: 41.66667%; }
  .\37\/12--lap {
    width: 58.33333%; }
  .\31\30\/12--lap {
    width: 83.33333%; }
  .\31\31\/12--lap {
    width: 91.66667%; } }

@media screen and (max-width: 1024px) {
  .\31\/2--portable, .\32\/4--portable, .\36\/12--portable {
    width: 50%; }
  .\31\/3--portable, .\34\/12--portable {
    width: 33.33333%; }
  .\32\/3--portable, .\38\/12--portable {
    width: 66.66667%; }
  .\31\/4--portable, .\33\/12--portable {
    width: 25%; }
  .\33\/4--portable, .\39\/12--portable {
    width: 75%; }
  .\31\/5--portable {
    width: 20%; }
  .\32\/5--portable {
    width: 40%; }
  .\33\/5--portable {
    width: 60%; }
  .\34\/5--portable {
    width: 80%; }
  .\31\/7--portable {
    width: 14.28571%; }
  .\32\/7--portable {
    width: 28.57143%; }
  .\33\/7--portable {
    width: 42.85714%; }
  .\34\/7--portable {
    width: 57.14286%; }
  .\35\/7--portable {
    width: 71.42857%; }
  .\36\/7--portable {
    width: 85.71429%; }
  .\31\/12--portable {
    width: 8.33333%; }
  .\32\/12--portable {
    width: 16.66667%; }
  .\35\/12--portable {
    width: 41.66667%; }
  .\37\/12--portable {
    width: 58.33333%; }
  .\31\30\/12--portable {
    width: 83.33333%; }
  .\31\31\/12--portable {
    width: 91.66667%; } }

@media screen and (min-width: 1025px) {
  .\31\/2--desk, .\32\/4--desk, .\36\/12--desk {
    width: 50%; }
  .\31\/3--desk, .\34\/12--desk {
    width: 33.33333%; }
  .\32\/3--desk, .\38\/12--desk {
    width: 66.66667%; }
  .\31\/4--desk, .\33\/12--desk {
    width: 25%; }
  .\33\/4--desk, .\39\/12--desk {
    width: 75%; }
  .\31\/5--desk {
    width: 20%; }
  .\32\/5--desk {
    width: 40%; }
  .\33\/5--desk {
    width: 60%; }
  .\34\/5--desk {
    width: 80%; }
  .\31\/7--desk {
    width: 14.28571%; }
  .\32\/7--desk {
    width: 28.57143%; }
  .\33\/7--desk {
    width: 42.85714%; }
  .\34\/7--desk {
    width: 57.14286%; }
  .\35\/7--desk {
    width: 71.42857%; }
  .\36\/7--desk {
    width: 85.71429%; }
  .\31\/12--desk {
    width: 8.33333%; }
  .\32\/12--desk {
    width: 16.66667%; }
  .\35\/12--desk {
    width: 41.66667%; }
  .\37\/12--desk {
    width: 58.33333%; }
  .\31\30\/12--desk {
    width: 83.33333%; }
  .\31\31\/12--desk {
    width: 91.66667%; } }