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

.grid__cell {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0;
  padding-left: 40px;
  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.3333333333%;
}

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

.\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.2857142857%;
}

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

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

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

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

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

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

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

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

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

.\31\3 0\/12 {
  width: 83.3333333333%;
}

.\31\3 1\/12 {
  width: 91.6666666667%;
}

@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.3333333333%;
  }

  .\32\/3--thumb, .\38\/12--thumb {
    width: 66.6666666667%;
  }

  .\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.2857142857%;
  }

  .\32\/7--thumb {
    width: 28.5714285714%;
  }

  .\33\/7--thumb {
    width: 42.8571428571%;
  }

  .\34\/7--thumb {
    width: 57.1428571429%;
  }

  .\35\/7--thumb {
    width: 71.4285714286%;
  }

  .\36\/7--thumb {
    width: 85.7142857143%;
  }

  .\31\/12--thumb {
    width: 8.3333333333%;
  }

  .\32\/12--thumb {
    width: 16.6666666667%;
  }

  .\35\/12--thumb {
    width: 41.6666666667%;
  }

  .\37\/12--thumb {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--thumb {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--thumb {
    width: 91.6666666667%;
  }
}
@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.3333333333%;
  }

  .\32\/3--handheld, .\38\/12--handheld {
    width: 66.6666666667%;
  }

  .\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.2857142857%;
  }

  .\32\/7--handheld {
    width: 28.5714285714%;
  }

  .\33\/7--handheld {
    width: 42.8571428571%;
  }

  .\34\/7--handheld {
    width: 57.1428571429%;
  }

  .\35\/7--handheld {
    width: 71.4285714286%;
  }

  .\36\/7--handheld {
    width: 85.7142857143%;
  }

  .\31\/12--handheld {
    width: 8.3333333333%;
  }

  .\32\/12--handheld {
    width: 16.6666666667%;
  }

  .\35\/12--handheld {
    width: 41.6666666667%;
  }

  .\37\/12--handheld {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--handheld {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--handheld {
    width: 91.6666666667%;
  }
}
@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.3333333333%;
  }

  .\32\/3--pocket, .\38\/12--pocket {
    width: 66.6666666667%;
  }

  .\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.2857142857%;
  }

  .\32\/7--pocket {
    width: 28.5714285714%;
  }

  .\33\/7--pocket {
    width: 42.8571428571%;
  }

  .\34\/7--pocket {
    width: 57.1428571429%;
  }

  .\35\/7--pocket {
    width: 71.4285714286%;
  }

  .\36\/7--pocket {
    width: 85.7142857143%;
  }

  .\31\/12--pocket {
    width: 8.3333333333%;
  }

  .\32\/12--pocket {
    width: 16.6666666667%;
  }

  .\35\/12--pocket {
    width: 41.6666666667%;
  }

  .\37\/12--pocket {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--pocket {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--pocket {
    width: 91.6666666667%;
  }
}
@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.3333333333%;
  }

  .\32\/3--lap, .\38\/12--lap {
    width: 66.6666666667%;
  }

  .\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.2857142857%;
  }

  .\32\/7--lap {
    width: 28.5714285714%;
  }

  .\33\/7--lap {
    width: 42.8571428571%;
  }

  .\34\/7--lap {
    width: 57.1428571429%;
  }

  .\35\/7--lap {
    width: 71.4285714286%;
  }

  .\36\/7--lap {
    width: 85.7142857143%;
  }

  .\31\/12--lap {
    width: 8.3333333333%;
  }

  .\32\/12--lap {
    width: 16.6666666667%;
  }

  .\35\/12--lap {
    width: 41.6666666667%;
  }

  .\37\/12--lap {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--lap {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--lap {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 801px) {
  .\31\/2--lap-and-up, .\32\/4--lap-and-up, .\36\/12--lap-and-up {
    width: 50%;
  }

  .\31\/3--lap-and-up, .\34\/12--lap-and-up {
    width: 33.3333333333%;
  }

  .\32\/3--lap-and-up, .\38\/12--lap-and-up {
    width: 66.6666666667%;
  }

  .\31\/4--lap-and-up, .\33\/12--lap-and-up {
    width: 25%;
  }

  .\33\/4--lap-and-up, .\39\/12--lap-and-up {
    width: 75%;
  }

  .\31\/5--lap-and-up {
    width: 20%;
  }

  .\32\/5--lap-and-up {
    width: 40%;
  }

  .\33\/5--lap-and-up {
    width: 60%;
  }

  .\34\/5--lap-and-up {
    width: 80%;
  }

  .\31\/7--lap-and-up {
    width: 14.2857142857%;
  }

  .\32\/7--lap-and-up {
    width: 28.5714285714%;
  }

  .\33\/7--lap-and-up {
    width: 42.8571428571%;
  }

  .\34\/7--lap-and-up {
    width: 57.1428571429%;
  }

  .\35\/7--lap-and-up {
    width: 71.4285714286%;
  }

  .\36\/7--lap-and-up {
    width: 85.7142857143%;
  }

  .\31\/12--lap-and-up {
    width: 8.3333333333%;
  }

  .\32\/12--lap-and-up {
    width: 16.6666666667%;
  }

  .\35\/12--lap-and-up {
    width: 41.6666666667%;
  }

  .\37\/12--lap-and-up {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--lap-and-up {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--lap-and-up {
    width: 91.6666666667%;
  }
}
@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.3333333333%;
  }

  .\32\/3--portable, .\38\/12--portable {
    width: 66.6666666667%;
  }

  .\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.2857142857%;
  }

  .\32\/7--portable {
    width: 28.5714285714%;
  }

  .\33\/7--portable {
    width: 42.8571428571%;
  }

  .\34\/7--portable {
    width: 57.1428571429%;
  }

  .\35\/7--portable {
    width: 71.4285714286%;
  }

  .\36\/7--portable {
    width: 85.7142857143%;
  }

  .\31\/12--portable {
    width: 8.3333333333%;
  }

  .\32\/12--portable {
    width: 16.6666666667%;
  }

  .\35\/12--portable {
    width: 41.6666666667%;
  }

  .\37\/12--portable {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--portable {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--portable {
    width: 91.6666666667%;
  }
}
@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.3333333333%;
  }

  .\32\/3--desk, .\38\/12--desk {
    width: 66.6666666667%;
  }

  .\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.2857142857%;
  }

  .\32\/7--desk {
    width: 28.5714285714%;
  }

  .\33\/7--desk {
    width: 42.8571428571%;
  }

  .\34\/7--desk {
    width: 57.1428571429%;
  }

  .\35\/7--desk {
    width: 71.4285714286%;
  }

  .\36\/7--desk {
    width: 85.7142857143%;
  }

  .\31\/12--desk {
    width: 8.3333333333%;
  }

  .\32\/12--desk {
    width: 16.6666666667%;
  }

  .\35\/12--desk {
    width: 41.6666666667%;
  }

  .\37\/12--desk {
    width: 58.3333333333%;
  }

  .\31\3 0\/12--desk {
    width: 83.3333333333%;
  }

  .\31\3 1\/12--desk {
    width: 91.6666666667%;
  }
}

/*# sourceMappingURL=avalanche.css.map */