/*
* Flex v1.3
* Copyright 2014, Caleb Hardin.  All rights reserved.
**** Licensed under the GPL v2.0 license.
**** http://www.gnu.org/licenses/gpl-2.0.txt
*/
/* ---------- TO DO ----------
==================================================
-add offsets for responsive grids

*/
/* Table of Contents
==================================================
    1. Base Grid
    2. Base Grid (with no gutters)
    3. Small Responsive Grid
    4. Medium Responsive Grid
    5. Large Responsive Grid
    6. Extra Large Responsive Grid


/* Variables
================================================== */
/* #Base Grid
================================================== */
.grid {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  /* Nested Column Classes */
  /* Base Grid */ }
  .grid .column,
  .grid .columns,
  .grid .parent {
    display: inline-block;
    margin-left: 1.5%;
    margin-right: 1.5%;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .grid .row {
    margin-bottom: 0px; }
  .grid .column.alpha, .grid .columns.alpha {
    margin-left: 0; }
  .grid .column.omega, .grid .columns.omega {
    margin-right: 0; }
  .grid .one.column,
  .grid .one.columns {
    width: 5.58333%; }
  .grid .offset-by-one {
    margin-left: 10.08333%; }
  .grid .two.column,
  .grid .two.columns {
    width: 14.16667%; }
  .grid .offset-by-two {
    margin-left: 18.66667%; }
  .grid .three.column,
  .grid .three.columns {
    width: 22.75%; }
  .grid .offset-by-three {
    margin-left: 27.25%; }
  .grid .four.column,
  .grid .four.columns {
    width: 31.33333%; }
  .grid .offset-by-four {
    margin-left: 35.83333%; }
  .grid .five.column,
  .grid .five.columns {
    width: 39.91667%; }
  .grid .offset-by-five {
    margin-left: 44.41667%; }
  .grid .six.column,
  .grid .six.columns {
    width: 48.5%; }
  .grid .offset-by-six {
    margin-left: 53%; }
  .grid .seven.column,
  .grid .seven.columns {
    width: 57.08333%; }
  .grid .offset-by-seven {
    margin-left: 61.58333%; }
  .grid .eight.column,
  .grid .eight.columns {
    width: 65.66667%; }
  .grid .offset-by-eight {
    margin-left: 70.16667%; }
  .grid .nine.column,
  .grid .nine.columns {
    width: 74.25%; }
  .grid .offset-by-nine {
    margin-left: 78.75%; }
  .grid .ten.column,
  .grid .ten.columns {
    width: 82.83333%; }
  .grid .offset-by-ten {
    margin-left: 87.33333%; }
  .grid .eleven.column,
  .grid .eleven.columns {
    width: 91.41667%; }
  .grid .offset-by-eleven {
    margin-left: 95.91667%; }
  .grid .twelve.column,
  .grid .twelve.columns {
    width: 100%; }
  .grid .full.column,
  .grid .full.columns {
    width: 100%; }
  .grid .one-third.column,
  .grid .one-third.columns {
    width: 31.33333%; }
  .grid .offset-by-one-third {
    margin-left: 35.83333%; }
  .grid .two-thirds.column,
  .grid .two-thirds.columns {
    width: 65.66667%; }
  .grid .offset-by-two-thirds {
    margin-left: 70.16667%; }
  .grid .one-fifth.column,
  .grid .one-fifth.columns {
    width: 17.6%; }
  .grid .offset-by-one-fifth {
    margin-left: 22.1%; }
  .grid.one .parent,
  .grid .row.one .parent {
    width: 5.58333%; }
  .grid.two .parent,
  .grid .row.two .parent {
    width: 14.16667%; }
  .grid.three .parent,
  .grid .row.three .parent {
    width: 22.75%; }
  .grid.four .parent,
  .grid .row.four .parent {
    width: 31.33333%; }
  .grid.five .parent,
  .grid .row.five .parent {
    width: 39.91667%; }
  .grid.six .parent,
  .grid .row.six .parent {
    width: 48.5%; }
  .grid.seven .parent,
  .grid .row.seven .parent {
    width: 57.08333%; }
  .grid.eight .parent,
  .grid .row.eight .parent {
    width: 65.66667%; }
  .grid.nine .parent,
  .grid .row.nine .parent {
    width: 74.25%; }
  .grid.ten .parent,
  .grid .row.ten .parent {
    width: 82.83333%; }
  .grid.eleven .parent,
  .grid .row.eleven .parent {
    width: 91.41667%; }
  .grid.twelve .parent,
  .grid .row.twelve .parent {
    width: 100%; }
  .grid.full .parent,
  .grid .row.full .parent {
    width: 100%; }
  .grid.one-third .parent,
  .grid .row.one-third .parent {
    width: 31.33333%; }
  .grid.two-thirds .parent,
  .grid .row.two-thirds .parent {
    width: 65.66667%; }
  .grid.one-fifth .parent,
  .grid .row.one-fifth .parent {
    width: 17.6%; }

/* #Base Grid With No Gutters
================================================== */
.grid.no-gutter {
  /* Base Grid */
        /*.one.column,
        .one.columns                     { @include widthNoGutter(1); }
        .two.column,
        .two.columns                     { @include widthNoGutter(2); }
        .three.column,
        .three.columns                   { @include widthNoGutter(3); }
        .four.column,
        .four.columns                    { @include widthNoGutter(4); }
        .five.column,
        .five.columns                    { @include widthNoGutter(5); }
        .six.column,
        .six.columns                     { @include widthNoGutter(6); }
        .seven.column,
        .seven.columns                   { @include widthNoGutter(7); }
        .eight.column,
        .eight.columns                   { @include widthNoGutter(8); }
        .nine.column,
        .nine.columns                    { @include widthNoGutter(9); }
        .ten.column,
        .ten.columns                     { @include widthNoGutter(10); }
        .eleven.column,
        .eleven.columns                  { @include widthNoGutter(11); }
        .twelve.column,
        .twelve.columns,
        .full.column,
        .full.columns                    { @include widthNoGutter(12); }

        .one-third.column,
        .one-third.columns               { @include widthNoGutter(4); }
        .two-thirds.column,
        .two-thirds.columns              { @include widthNoGutter(8); }
        .one-fifth.column,
        .one-fifth.columns               { @include widthNoGutter(2.4); }

         Offsets 
        .offset-by-one                   { @include marginLeftNoGutter(1); }
        .offset-by-two                   { @include marginLeftNoGutter(2); }
        .offset-by-three                 { @include marginLeftNoGutter(3); }
        .offset-by-four                  { @include marginLeftNoGutter(4); }
        .offset-by-five                  { @include marginLeftNoGutter(5); }
        .offset-by-six                   { @include marginLeftNoGutter(6); }
        .offset-by-seven                 { @include marginLeftNoGutter(7); }
        .offset-by-eight                 { @include marginLeftNoGutter(8); }
        .offset-by-nine                  { @include marginLeftNoGutter(9); }
        .offset-by-ten                   { @include marginLeftNoGutter(10); }
        .offset-by-eleven                { @include marginLeftNoGutter(11); }
        
        .offset-by-one-fifth             { @include marginLeftNoGutter(2.4); }*/ }
  .grid.no-gutter .column,
  .grid.no-gutter .columns {
    margin-left: 0;
    margin-right: 0; }
  .grid.no-gutter .row {
    margin-bottom: 0; }
  .grid.no-gutter .one.column,
  .grid.no-gutter .one.columns {
    width: 8.33333%; }
  .grid.no-gutter .offset-by-one {
    margin-left: 8.33333%; }
  .grid.no-gutter .two.column,
  .grid.no-gutter .two.columns {
    width: 16.66667%; }
  .grid.no-gutter .offset-by-two {
    margin-left: 16.66667%; }
  .grid.no-gutter .three.column,
  .grid.no-gutter .three.columns {
    width: 25%; }
  .grid.no-gutter .offset-by-three {
    margin-left: 25%; }
  .grid.no-gutter .four.column,
  .grid.no-gutter .four.columns {
    width: 33.33333%; }
  .grid.no-gutter .offset-by-four {
    margin-left: 33.33333%; }
  .grid.no-gutter .five.column,
  .grid.no-gutter .five.columns {
    width: 41.66667%; }
  .grid.no-gutter .offset-by-five {
    margin-left: 41.66667%; }
  .grid.no-gutter .six.column,
  .grid.no-gutter .six.columns {
    width: 50%; }
  .grid.no-gutter .offset-by-six {
    margin-left: 50%; }
  .grid.no-gutter .seven.column,
  .grid.no-gutter .seven.columns {
    width: 58.33333%; }
  .grid.no-gutter .offset-by-seven {
    margin-left: 58.33333%; }
  .grid.no-gutter .eight.column,
  .grid.no-gutter .eight.columns {
    width: 66.66667%; }
  .grid.no-gutter .offset-by-eight {
    margin-left: 66.66667%; }
  .grid.no-gutter .nine.column,
  .grid.no-gutter .nine.columns {
    width: 75%; }
  .grid.no-gutter .offset-by-nine {
    margin-left: 75%; }
  .grid.no-gutter .ten.column,
  .grid.no-gutter .ten.columns {
    width: 83.33333%; }
  .grid.no-gutter .offset-by-ten {
    margin-left: 83.33333%; }
  .grid.no-gutter .eleven.column,
  .grid.no-gutter .eleven.columns {
    width: 91.66667%; }
  .grid.no-gutter .offset-by-eleven {
    margin-left: 91.66667%; }
  .grid.no-gutter .twelve.column,
  .grid.no-gutter .twelve.columns {
    width: 100%; }
  .grid.no-gutter .full.column,
  .grid.no-gutter .full.columns {
    width: 100%; }
  .grid.no-gutter .one-third.column,
  .grid.no-gutter .one-third.columns {
    width: 33.33333%; }
  .grid.no-gutter .offset-by-one-third {
    margin-left: 33.33333%; }
  .grid.no-gutter .two-thirds.column,
  .grid.no-gutter .two-thirds.columns {
    width: 66.66667%; }
  .grid.no-gutter .offset-by-two-thirds {
    margin-left: 66.66667%; }
  .grid.no-gutter .one-fifth.column,
  .grid.no-gutter .one-fifth.columns {
    width: 20.0%; }
  .grid.no-gutter .offset-by-one-fifth {
    margin-left: 20.0%; }
  .grid.no-gutter.one .parent,
  .grid.no-gutter .row.one .parent {
    width: 8.33333%; }
  .grid.no-gutter.two .parent,
  .grid.no-gutter .row.two .parent {
    width: 16.66667%; }
  .grid.no-gutter.three .parent,
  .grid.no-gutter .row.three .parent {
    width: 25%; }
  .grid.no-gutter.four .parent,
  .grid.no-gutter .row.four .parent {
    width: 33.33333%; }
  .grid.no-gutter.five .parent,
  .grid.no-gutter .row.five .parent {
    width: 41.66667%; }
  .grid.no-gutter.six .parent,
  .grid.no-gutter .row.six .parent {
    width: 50%; }
  .grid.no-gutter.seven .parent,
  .grid.no-gutter .row.seven .parent {
    width: 58.33333%; }
  .grid.no-gutter.eight .parent,
  .grid.no-gutter .row.eight .parent {
    width: 66.66667%; }
  .grid.no-gutter.nine .parent,
  .grid.no-gutter .row.nine .parent {
    width: 75%; }
  .grid.no-gutter.ten .parent,
  .grid.no-gutter .row.ten .parent {
    width: 83.33333%; }
  .grid.no-gutter.eleven .parent,
  .grid.no-gutter .row.eleven .parent {
    width: 91.66667%; }
  .grid.no-gutter.twelve .parent,
  .grid.no-gutter .row.twelve .parent {
    width: 100%; }
  .grid.no-gutter.full .parent,
  .grid.no-gutter .row.full .parent {
    width: 100%; }
  .grid.no-gutter.one-third .parent,
  .grid.no-gutter .row.one-third .parent {
    width: 33.33333%; }
  .grid.no-gutter.two-thirds .parent,
  .grid.no-gutter .row.two-thirds .parent {
    width: 66.66667%; }
  .grid.no-gutter.one-fifth .parent,
  .grid.no-gutter .row.one-fifth .parent {
    width: 20.0%; }

/* Small Responsive Grid
================================================== */
/*  Generate Responsive Grids
================================================== */
@media only screen and (min-width: 0px) {
  .grid .sm-one.column,
  .grid .sm-one.columns {
    width: 5.33333%; }
  .grid .sm-offset-by-one {
    margin-left: 9.83333%; }
  .grid .sm-two.column,
  .grid .sm-two.columns {
    width: 13.66667%; }
  .grid .sm-offset-by-two {
    margin-left: 18.16667%; }
  .grid .sm-three.column,
  .grid .sm-three.columns {
    width: 22%; }
  .grid .sm-offset-by-three {
    margin-left: 26.5%; }
  .grid .sm-four.column,
  .grid .sm-four.columns {
    width: 30.33333%; }
  .grid .sm-offset-by-four {
    margin-left: 34.83333%; }
  .grid .sm-five.column,
  .grid .sm-five.columns {
    width: 38.66667%; }
  .grid .sm-offset-by-five {
    margin-left: 43.16667%; }
  .grid .sm-six.column,
  .grid .sm-six.columns {
    width: 47%; }
  .grid .sm-offset-by-six {
    margin-left: 51.5%; }
  .grid .sm-seven.column,
  .grid .sm-seven.columns {
    width: 55.33333%; }
  .grid .sm-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .sm-eight.column,
  .grid .sm-eight.columns {
    width: 63.66667%; }
  .grid .sm-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .sm-nine.column,
  .grid .sm-nine.columns {
    width: 72%; }
  .grid .sm-offset-by-nine {
    margin-left: 76.5%; }
  .grid .sm-ten.column,
  .grid .sm-ten.columns {
    width: 80.33333%; }
  .grid .sm-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .sm-eleven.column,
  .grid .sm-eleven.columns {
    width: 88.66667%; }
  .grid .sm-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .sm-twelve.column,
  .grid .sm-twelve.columns {
    width: 97%; }
  .grid .sm-full.column,
  .grid .sm-full.columns {
    width: 97%; }
  .grid .sm-one-third.column,
  .grid .sm-one-third.columns {
    width: 30.33333%; }
  .grid .sm-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .sm-two-thirds.column,
  .grid .sm-two-thirds.columns {
    width: 63.66667%; }
  .grid .sm-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .sm-one-fifth.column,
  .grid .sm-one-fifth.columns {
    width: 17.0%; }
  .grid .sm-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.sm-one .parent,
  .grid .row.sm-one .parent {
    width: 5.33333%; }
  .grid.sm-two .parent,
  .grid .row.sm-two .parent {
    width: 13.66667%; }
  .grid.sm-three .parent,
  .grid .row.sm-three .parent {
    width: 22%; }
  .grid.sm-four .parent,
  .grid .row.sm-four .parent {
    width: 30.33333%; }
  .grid.sm-five .parent,
  .grid .row.sm-five .parent {
    width: 38.66667%; }
  .grid.sm-six .parent,
  .grid .row.sm-six .parent {
    width: 47%; }
  .grid.sm-seven .parent,
  .grid .row.sm-seven .parent {
    width: 55.33333%; }
  .grid.sm-eight .parent,
  .grid .row.sm-eight .parent {
    width: 63.66667%; }
  .grid.sm-nine .parent,
  .grid .row.sm-nine .parent {
    width: 72%; }
  .grid.sm-ten .parent,
  .grid .row.sm-ten .parent {
    width: 80.33333%; }
  .grid.sm-eleven .parent,
  .grid .row.sm-eleven .parent {
    width: 88.66667%; }
  .grid.sm-twelve .parent,
  .grid .row.sm-twelve .parent {
    width: 97%; }
  .grid.sm-full .parent,
  .grid .row.sm-full .parent {
    width: 97%; }
  .grid.sm-one-third .parent,
  .grid .row.sm-one-third .parent {
    width: 30.33333%; }
  .grid.sm-two-thirds .parent,
  .grid .row.sm-two-thirds .parent {
    width: 63.66667%; }
  .grid.sm-one-fifth .parent,
  .grid .row.sm-one-fifth .parent {
    width: 17.0%; } }
@media only screen and (min-width: 450px) {
  .grid .msm-one.column,
  .grid .msm-one.columns {
    width: 5.33333%; }
  .grid .msm-offset-by-one {
    margin-left: 9.83333%; }
  .grid .msm-two.column,
  .grid .msm-two.columns {
    width: 13.66667%; }
  .grid .msm-offset-by-two {
    margin-left: 18.16667%; }
  .grid .msm-three.column,
  .grid .msm-three.columns {
    width: 22%; }
  .grid .msm-offset-by-three {
    margin-left: 26.5%; }
  .grid .msm-four.column,
  .grid .msm-four.columns {
    width: 30.33333%; }
  .grid .msm-offset-by-four {
    margin-left: 34.83333%; }
  .grid .msm-five.column,
  .grid .msm-five.columns {
    width: 38.66667%; }
  .grid .msm-offset-by-five {
    margin-left: 43.16667%; }
  .grid .msm-six.column,
  .grid .msm-six.columns {
    width: 47%; }
  .grid .msm-offset-by-six {
    margin-left: 51.5%; }
  .grid .msm-seven.column,
  .grid .msm-seven.columns {
    width: 55.33333%; }
  .grid .msm-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .msm-eight.column,
  .grid .msm-eight.columns {
    width: 63.66667%; }
  .grid .msm-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .msm-nine.column,
  .grid .msm-nine.columns {
    width: 72%; }
  .grid .msm-offset-by-nine {
    margin-left: 76.5%; }
  .grid .msm-ten.column,
  .grid .msm-ten.columns {
    width: 80.33333%; }
  .grid .msm-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .msm-eleven.column,
  .grid .msm-eleven.columns {
    width: 88.66667%; }
  .grid .msm-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .msm-twelve.column,
  .grid .msm-twelve.columns {
    width: 97%; }
  .grid .msm-full.column,
  .grid .msm-full.columns {
    width: 97%; }
  .grid .msm-one-third.column,
  .grid .msm-one-third.columns {
    width: 30.33333%; }
  .grid .msm-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .msm-two-thirds.column,
  .grid .msm-two-thirds.columns {
    width: 63.66667%; }
  .grid .msm-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .msm-one-fifth.column,
  .grid .msm-one-fifth.columns {
    width: 17.0%; }
  .grid .msm-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.msm-one .parent,
  .grid .row.msm-one .parent {
    width: 5.33333%; }
  .grid.msm-two .parent,
  .grid .row.msm-two .parent {
    width: 13.66667%; }
  .grid.msm-three .parent,
  .grid .row.msm-three .parent {
    width: 22%; }
  .grid.msm-four .parent,
  .grid .row.msm-four .parent {
    width: 30.33333%; }
  .grid.msm-five .parent,
  .grid .row.msm-five .parent {
    width: 38.66667%; }
  .grid.msm-six .parent,
  .grid .row.msm-six .parent {
    width: 47%; }
  .grid.msm-seven .parent,
  .grid .row.msm-seven .parent {
    width: 55.33333%; }
  .grid.msm-eight .parent,
  .grid .row.msm-eight .parent {
    width: 63.66667%; }
  .grid.msm-nine .parent,
  .grid .row.msm-nine .parent {
    width: 72%; }
  .grid.msm-ten .parent,
  .grid .row.msm-ten .parent {
    width: 80.33333%; }
  .grid.msm-eleven .parent,
  .grid .row.msm-eleven .parent {
    width: 88.66667%; }
  .grid.msm-twelve .parent,
  .grid .row.msm-twelve .parent {
    width: 97%; }
  .grid.msm-full .parent,
  .grid .row.msm-full .parent {
    width: 97%; }
  .grid.msm-one-third .parent,
  .grid .row.msm-one-third .parent {
    width: 30.33333%; }
  .grid.msm-two-thirds .parent,
  .grid .row.msm-two-thirds .parent {
    width: 63.66667%; }
  .grid.msm-one-fifth .parent,
  .grid .row.msm-one-fifth .parent {
    width: 17.0%; } }
@media only screen and (min-width: 700px) {
  .grid .md-one.column,
  .grid .md-one.columns {
    width: 5.33333%; }
  .grid .md-offset-by-one {
    margin-left: 9.83333%; }
  .grid .md-two.column,
  .grid .md-two.columns {
    width: 13.66667%; }
  .grid .md-offset-by-two {
    margin-left: 18.16667%; }
  .grid .md-three.column,
  .grid .md-three.columns {
    width: 22%; }
  .grid .md-offset-by-three {
    margin-left: 26.5%; }
  .grid .md-four.column,
  .grid .md-four.columns {
    width: 30.33333%; }
  .grid .md-offset-by-four {
    margin-left: 34.83333%; }
  .grid .md-five.column,
  .grid .md-five.columns {
    width: 38.66667%; }
  .grid .md-offset-by-five {
    margin-left: 43.16667%; }
  .grid .md-six.column,
  .grid .md-six.columns {
    width: 47%; }
  .grid .md-offset-by-six {
    margin-left: 51.5%; }
  .grid .md-seven.column,
  .grid .md-seven.columns {
    width: 55.33333%; }
  .grid .md-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .md-eight.column,
  .grid .md-eight.columns {
    width: 63.66667%; }
  .grid .md-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .md-nine.column,
  .grid .md-nine.columns {
    width: 72%; }
  .grid .md-offset-by-nine {
    margin-left: 76.5%; }
  .grid .md-ten.column,
  .grid .md-ten.columns {
    width: 80.33333%; }
  .grid .md-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .md-eleven.column,
  .grid .md-eleven.columns {
    width: 88.66667%; }
  .grid .md-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .md-twelve.column,
  .grid .md-twelve.columns {
    width: 97%; }
  .grid .md-full.column,
  .grid .md-full.columns {
    width: 97%; }
  .grid .md-one-third.column,
  .grid .md-one-third.columns {
    width: 30.33333%; }
  .grid .md-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .md-two-thirds.column,
  .grid .md-two-thirds.columns {
    width: 63.66667%; }
  .grid .md-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .md-one-fifth.column,
  .grid .md-one-fifth.columns {
    width: 17.0%; }
  .grid .md-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.md-one .parent,
  .grid .row.md-one .parent {
    width: 5.33333%; }
  .grid.md-two .parent,
  .grid .row.md-two .parent {
    width: 13.66667%; }
  .grid.md-three .parent,
  .grid .row.md-three .parent {
    width: 22%; }
  .grid.md-four .parent,
  .grid .row.md-four .parent {
    width: 30.33333%; }
  .grid.md-five .parent,
  .grid .row.md-five .parent {
    width: 38.66667%; }
  .grid.md-six .parent,
  .grid .row.md-six .parent {
    width: 47%; }
  .grid.md-seven .parent,
  .grid .row.md-seven .parent {
    width: 55.33333%; }
  .grid.md-eight .parent,
  .grid .row.md-eight .parent {
    width: 63.66667%; }
  .grid.md-nine .parent,
  .grid .row.md-nine .parent {
    width: 72%; }
  .grid.md-ten .parent,
  .grid .row.md-ten .parent {
    width: 80.33333%; }
  .grid.md-eleven .parent,
  .grid .row.md-eleven .parent {
    width: 88.66667%; }
  .grid.md-twelve .parent,
  .grid .row.md-twelve .parent {
    width: 97%; }
  .grid.md-full .parent,
  .grid .row.md-full .parent {
    width: 97%; }
  .grid.md-one-third .parent,
  .grid .row.md-one-third .parent {
    width: 30.33333%; }
  .grid.md-two-thirds .parent,
  .grid .row.md-two-thirds .parent {
    width: 63.66667%; }
  .grid.md-one-fifth .parent,
  .grid .row.md-one-fifth .parent {
    width: 17.0%; } }
@media only screen and (min-width: 850px) {
  .grid .lg-one.column,
  .grid .lg-one.columns {
    width: 5.33333%; }
  .grid .lg-offset-by-one {
    margin-left: 9.83333%; }
  .grid .lg-two.column,
  .grid .lg-two.columns {
    width: 13.66667%; }
  .grid .lg-offset-by-two {
    margin-left: 18.16667%; }
  .grid .lg-three.column,
  .grid .lg-three.columns {
    width: 22%; }
  .grid .lg-offset-by-three {
    margin-left: 26.5%; }
  .grid .lg-four.column,
  .grid .lg-four.columns {
    width: 30.33333%; }
  .grid .lg-offset-by-four {
    margin-left: 34.83333%; }
  .grid .lg-five.column,
  .grid .lg-five.columns {
    width: 38.66667%; }
  .grid .lg-offset-by-five {
    margin-left: 43.16667%; }
  .grid .lg-six.column,
  .grid .lg-six.columns {
    width: 47%; }
  .grid .lg-offset-by-six {
    margin-left: 51.5%; }
  .grid .lg-seven.column,
  .grid .lg-seven.columns {
    width: 55.33333%; }
  .grid .lg-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .lg-eight.column,
  .grid .lg-eight.columns {
    width: 63.66667%; }
  .grid .lg-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .lg-nine.column,
  .grid .lg-nine.columns {
    width: 72%; }
  .grid .lg-offset-by-nine {
    margin-left: 76.5%; }
  .grid .lg-ten.column,
  .grid .lg-ten.columns {
    width: 80.33333%; }
  .grid .lg-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .lg-eleven.column,
  .grid .lg-eleven.columns {
    width: 88.66667%; }
  .grid .lg-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .lg-twelve.column,
  .grid .lg-twelve.columns {
    width: 97%; }
  .grid .lg-full.column,
  .grid .lg-full.columns {
    width: 97%; }
  .grid .lg-one-third.column,
  .grid .lg-one-third.columns {
    width: 30.33333%; }
  .grid .lg-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .lg-two-thirds.column,
  .grid .lg-two-thirds.columns {
    width: 63.66667%; }
  .grid .lg-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .lg-one-fifth.column,
  .grid .lg-one-fifth.columns {
    width: 17.0%; }
  .grid .lg-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.lg-one .parent,
  .grid .row.lg-one .parent {
    width: 5.33333%; }
  .grid.lg-two .parent,
  .grid .row.lg-two .parent {
    width: 13.66667%; }
  .grid.lg-three .parent,
  .grid .row.lg-three .parent {
    width: 22%; }
  .grid.lg-four .parent,
  .grid .row.lg-four .parent {
    width: 30.33333%; }
  .grid.lg-five .parent,
  .grid .row.lg-five .parent {
    width: 38.66667%; }
  .grid.lg-six .parent,
  .grid .row.lg-six .parent {
    width: 47%; }
  .grid.lg-seven .parent,
  .grid .row.lg-seven .parent {
    width: 55.33333%; }
  .grid.lg-eight .parent,
  .grid .row.lg-eight .parent {
    width: 63.66667%; }
  .grid.lg-nine .parent,
  .grid .row.lg-nine .parent {
    width: 72%; }
  .grid.lg-ten .parent,
  .grid .row.lg-ten .parent {
    width: 80.33333%; }
  .grid.lg-eleven .parent,
  .grid .row.lg-eleven .parent {
    width: 88.66667%; }
  .grid.lg-twelve .parent,
  .grid .row.lg-twelve .parent {
    width: 97%; }
  .grid.lg-full .parent,
  .grid .row.lg-full .parent {
    width: 97%; }
  .grid.lg-one-third .parent,
  .grid .row.lg-one-third .parent {
    width: 30.33333%; }
  .grid.lg-two-thirds .parent,
  .grid .row.lg-two-thirds .parent {
    width: 63.66667%; }
  .grid.lg-one-fifth .parent,
  .grid .row.lg-one-fifth .parent {
    width: 17.0%; } }
@media only screen and (min-width: 1050px) {
  .grid .xlg-one.column,
  .grid .xlg-one.columns {
    width: 5.33333%; }
  .grid .xlg-offset-by-one {
    margin-left: 9.83333%; }
  .grid .xlg-two.column,
  .grid .xlg-two.columns {
    width: 13.66667%; }
  .grid .xlg-offset-by-two {
    margin-left: 18.16667%; }
  .grid .xlg-three.column,
  .grid .xlg-three.columns {
    width: 22%; }
  .grid .xlg-offset-by-three {
    margin-left: 26.5%; }
  .grid .xlg-four.column,
  .grid .xlg-four.columns {
    width: 30.33333%; }
  .grid .xlg-offset-by-four {
    margin-left: 34.83333%; }
  .grid .xlg-five.column,
  .grid .xlg-five.columns {
    width: 38.66667%; }
  .grid .xlg-offset-by-five {
    margin-left: 43.16667%; }
  .grid .xlg-six.column,
  .grid .xlg-six.columns {
    width: 47%; }
  .grid .xlg-offset-by-six {
    margin-left: 51.5%; }
  .grid .xlg-seven.column,
  .grid .xlg-seven.columns {
    width: 55.33333%; }
  .grid .xlg-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .xlg-eight.column,
  .grid .xlg-eight.columns {
    width: 63.66667%; }
  .grid .xlg-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .xlg-nine.column,
  .grid .xlg-nine.columns {
    width: 72%; }
  .grid .xlg-offset-by-nine {
    margin-left: 76.5%; }
  .grid .xlg-ten.column,
  .grid .xlg-ten.columns {
    width: 80.33333%; }
  .grid .xlg-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .xlg-eleven.column,
  .grid .xlg-eleven.columns {
    width: 88.66667%; }
  .grid .xlg-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .xlg-twelve.column,
  .grid .xlg-twelve.columns {
    width: 97%; }
  .grid .xlg-full.column,
  .grid .xlg-full.columns {
    width: 97%; }
  .grid .xlg-one-third.column,
  .grid .xlg-one-third.columns {
    width: 30.33333%; }
  .grid .xlg-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .xlg-two-thirds.column,
  .grid .xlg-two-thirds.columns {
    width: 63.66667%; }
  .grid .xlg-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .xlg-one-fifth.column,
  .grid .xlg-one-fifth.columns {
    width: 17.0%; }
  .grid .xlg-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.xlg-one .parent,
  .grid .row.xlg-one .parent {
    width: 5.33333%; }
  .grid.xlg-two .parent,
  .grid .row.xlg-two .parent {
    width: 13.66667%; }
  .grid.xlg-three .parent,
  .grid .row.xlg-three .parent {
    width: 22%; }
  .grid.xlg-four .parent,
  .grid .row.xlg-four .parent {
    width: 30.33333%; }
  .grid.xlg-five .parent,
  .grid .row.xlg-five .parent {
    width: 38.66667%; }
  .grid.xlg-six .parent,
  .grid .row.xlg-six .parent {
    width: 47%; }
  .grid.xlg-seven .parent,
  .grid .row.xlg-seven .parent {
    width: 55.33333%; }
  .grid.xlg-eight .parent,
  .grid .row.xlg-eight .parent {
    width: 63.66667%; }
  .grid.xlg-nine .parent,
  .grid .row.xlg-nine .parent {
    width: 72%; }
  .grid.xlg-ten .parent,
  .grid .row.xlg-ten .parent {
    width: 80.33333%; }
  .grid.xlg-eleven .parent,
  .grid .row.xlg-eleven .parent {
    width: 88.66667%; }
  .grid.xlg-twelve .parent,
  .grid .row.xlg-twelve .parent {
    width: 97%; }
  .grid.xlg-full .parent,
  .grid .row.xlg-full .parent {
    width: 97%; }
  .grid.xlg-one-third .parent,
  .grid .row.xlg-one-third .parent {
    width: 30.33333%; }
  .grid.xlg-two-thirds .parent,
  .grid .row.xlg-two-thirds .parent {
    width: 63.66667%; }
  .grid.xlg-one-fifth .parent,
  .grid .row.xlg-one-fifth .parent {
    width: 17.0%; } }
@media only screen and (min-width: 1350px) {
  .grid .xxlg-one.column,
  .grid .xxlg-one.columns {
    width: 5.33333%; }
  .grid .xxlg-offset-by-one {
    margin-left: 9.83333%; }
  .grid .xxlg-two.column,
  .grid .xxlg-two.columns {
    width: 13.66667%; }
  .grid .xxlg-offset-by-two {
    margin-left: 18.16667%; }
  .grid .xxlg-three.column,
  .grid .xxlg-three.columns {
    width: 22%; }
  .grid .xxlg-offset-by-three {
    margin-left: 26.5%; }
  .grid .xxlg-four.column,
  .grid .xxlg-four.columns {
    width: 30.33333%; }
  .grid .xxlg-offset-by-four {
    margin-left: 34.83333%; }
  .grid .xxlg-five.column,
  .grid .xxlg-five.columns {
    width: 38.66667%; }
  .grid .xxlg-offset-by-five {
    margin-left: 43.16667%; }
  .grid .xxlg-six.column,
  .grid .xxlg-six.columns {
    width: 47%; }
  .grid .xxlg-offset-by-six {
    margin-left: 51.5%; }
  .grid .xxlg-seven.column,
  .grid .xxlg-seven.columns {
    width: 55.33333%; }
  .grid .xxlg-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .xxlg-eight.column,
  .grid .xxlg-eight.columns {
    width: 63.66667%; }
  .grid .xxlg-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .xxlg-nine.column,
  .grid .xxlg-nine.columns {
    width: 72%; }
  .grid .xxlg-offset-by-nine {
    margin-left: 76.5%; }
  .grid .xxlg-ten.column,
  .grid .xxlg-ten.columns {
    width: 80.33333%; }
  .grid .xxlg-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .xxlg-eleven.column,
  .grid .xxlg-eleven.columns {
    width: 88.66667%; }
  .grid .xxlg-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .xxlg-twelve.column,
  .grid .xxlg-twelve.columns {
    width: 97%; }
  .grid .xxlg-full.column,
  .grid .xxlg-full.columns {
    width: 97%; }
  .grid .xxlg-one-third.column,
  .grid .xxlg-one-third.columns {
    width: 30.33333%; }
  .grid .xxlg-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .xxlg-two-thirds.column,
  .grid .xxlg-two-thirds.columns {
    width: 63.66667%; }
  .grid .xxlg-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .xxlg-one-fifth.column,
  .grid .xxlg-one-fifth.columns {
    width: 17.0%; }
  .grid .xxlg-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.xxlg-one .parent,
  .grid .row.xxlg-one .parent {
    width: 5.33333%; }
  .grid.xxlg-two .parent,
  .grid .row.xxlg-two .parent {
    width: 13.66667%; }
  .grid.xxlg-three .parent,
  .grid .row.xxlg-three .parent {
    width: 22%; }
  .grid.xxlg-four .parent,
  .grid .row.xxlg-four .parent {
    width: 30.33333%; }
  .grid.xxlg-five .parent,
  .grid .row.xxlg-five .parent {
    width: 38.66667%; }
  .grid.xxlg-six .parent,
  .grid .row.xxlg-six .parent {
    width: 47%; }
  .grid.xxlg-seven .parent,
  .grid .row.xxlg-seven .parent {
    width: 55.33333%; }
  .grid.xxlg-eight .parent,
  .grid .row.xxlg-eight .parent {
    width: 63.66667%; }
  .grid.xxlg-nine .parent,
  .grid .row.xxlg-nine .parent {
    width: 72%; }
  .grid.xxlg-ten .parent,
  .grid .row.xxlg-ten .parent {
    width: 80.33333%; }
  .grid.xxlg-eleven .parent,
  .grid .row.xxlg-eleven .parent {
    width: 88.66667%; }
  .grid.xxlg-twelve .parent,
  .grid .row.xxlg-twelve .parent {
    width: 97%; }
  .grid.xxlg-full .parent,
  .grid .row.xxlg-full .parent {
    width: 97%; }
  .grid.xxlg-one-third .parent,
  .grid .row.xxlg-one-third .parent {
    width: 30.33333%; }
  .grid.xxlg-two-thirds .parent,
  .grid .row.xxlg-two-thirds .parent {
    width: 63.66667%; }
  .grid.xxlg-one-fifth .parent,
  .grid .row.xxlg-one-fifth .parent {
    width: 17.0%; } }
@media only screen and (min-width: 1920px) {
  .grid .xxxlg-one.column,
  .grid .xxxlg-one.columns {
    width: 5.33333%; }
  .grid .xxxlg-offset-by-one {
    margin-left: 9.83333%; }
  .grid .xxxlg-two.column,
  .grid .xxxlg-two.columns {
    width: 13.66667%; }
  .grid .xxxlg-offset-by-two {
    margin-left: 18.16667%; }
  .grid .xxxlg-three.column,
  .grid .xxxlg-three.columns {
    width: 22%; }
  .grid .xxxlg-offset-by-three {
    margin-left: 26.5%; }
  .grid .xxxlg-four.column,
  .grid .xxxlg-four.columns {
    width: 30.33333%; }
  .grid .xxxlg-offset-by-four {
    margin-left: 34.83333%; }
  .grid .xxxlg-five.column,
  .grid .xxxlg-five.columns {
    width: 38.66667%; }
  .grid .xxxlg-offset-by-five {
    margin-left: 43.16667%; }
  .grid .xxxlg-six.column,
  .grid .xxxlg-six.columns {
    width: 47%; }
  .grid .xxxlg-offset-by-six {
    margin-left: 51.5%; }
  .grid .xxxlg-seven.column,
  .grid .xxxlg-seven.columns {
    width: 55.33333%; }
  .grid .xxxlg-offset-by-seven {
    margin-left: 59.83333%; }
  .grid .xxxlg-eight.column,
  .grid .xxxlg-eight.columns {
    width: 63.66667%; }
  .grid .xxxlg-offset-by-eight {
    margin-left: 68.16667%; }
  .grid .xxxlg-nine.column,
  .grid .xxxlg-nine.columns {
    width: 72%; }
  .grid .xxxlg-offset-by-nine {
    margin-left: 76.5%; }
  .grid .xxxlg-ten.column,
  .grid .xxxlg-ten.columns {
    width: 80.33333%; }
  .grid .xxxlg-offset-by-ten {
    margin-left: 84.83333%; }
  .grid .xxxlg-eleven.column,
  .grid .xxxlg-eleven.columns {
    width: 88.66667%; }
  .grid .xxxlg-offset-by-eleven {
    margin-left: 93.16667%; }
  .grid .xxxlg-twelve.column,
  .grid .xxxlg-twelve.columns {
    width: 97%; }
  .grid .xxxlg-full.column,
  .grid .xxxlg-full.columns {
    width: 97%; }
  .grid .xxxlg-one-third.column,
  .grid .xxxlg-one-third.columns {
    width: 30.33333%; }
  .grid .xxxlg-offset-by-one-third {
    margin-left: 34.83333%; }
  .grid .xxxlg-two-thirds.column,
  .grid .xxxlg-two-thirds.columns {
    width: 63.66667%; }
  .grid .xxxlg-offset-by-two-thirds {
    margin-left: 68.16667%; }
  .grid .xxxlg-one-fifth.column,
  .grid .xxxlg-one-fifth.columns {
    width: 17.0%; }
  .grid .xxxlg-offset-by-one-fifth {
    margin-left: 21.5%; }
  .grid.xxxlg-one .parent,
  .grid .row.xxxlg-one .parent {
    width: 5.33333%; }
  .grid.xxxlg-two .parent,
  .grid .row.xxxlg-two .parent {
    width: 13.66667%; }
  .grid.xxxlg-three .parent,
  .grid .row.xxxlg-three .parent {
    width: 22%; }
  .grid.xxxlg-four .parent,
  .grid .row.xxxlg-four .parent {
    width: 30.33333%; }
  .grid.xxxlg-five .parent,
  .grid .row.xxxlg-five .parent {
    width: 38.66667%; }
  .grid.xxxlg-six .parent,
  .grid .row.xxxlg-six .parent {
    width: 47%; }
  .grid.xxxlg-seven .parent,
  .grid .row.xxxlg-seven .parent {
    width: 55.33333%; }
  .grid.xxxlg-eight .parent,
  .grid .row.xxxlg-eight .parent {
    width: 63.66667%; }
  .grid.xxxlg-nine .parent,
  .grid .row.xxxlg-nine .parent {
    width: 72%; }
  .grid.xxxlg-ten .parent,
  .grid .row.xxxlg-ten .parent {
    width: 80.33333%; }
  .grid.xxxlg-eleven .parent,
  .grid .row.xxxlg-eleven .parent {
    width: 88.66667%; }
  .grid.xxxlg-twelve .parent,
  .grid .row.xxxlg-twelve .parent {
    width: 97%; }
  .grid.xxxlg-full .parent,
  .grid .row.xxxlg-full .parent {
    width: 97%; }
  .grid.xxxlg-one-third .parent,
  .grid .row.xxxlg-one-third .parent {
    width: 30.33333%; }
  .grid.xxxlg-two-thirds .parent,
  .grid .row.xxxlg-two-thirds .parent {
    width: 63.66667%; }
  .grid.xxxlg-one-fifth .parent,
  .grid .row.xxxlg-one-fifth .parent {
    width: 17.0%; } }
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.grid:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }