/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* All design elements moved to hexler.css */


/* Grid
=================================================================================== */

.container {
  position: relative;
  width: 100%;
  margin: 0 0;
  padding: 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-content: flex-end; 
}

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; 
}


/* For devices larger than 400px */
@media (min-width: 400px) {
          .container {
            width: 100%;
            padding: 0; }
}


/* For devices larger than 667px */
@media (min-width: 667px) {
          .container {
            width: 100%; 
          }
          .column:first-child,
          .columns:first-child {
            margin-left: 0; 
          }

          .one.column,
          .one.columns                    { width: 8.33333333333%; }
          .two.columns                    { width: 16.6666666667%; }
          .three.columns                  { width: 25.0000000000%; }
          .four.columns                   { width: 33.3333333333%; }
          .five.columns                   { width: 41.6666666667%; }
          .six.columns                    { width: 50.0000000000%; }
          .seven.columns                  { width: 58.3333333333%; }
          .eight.columns                  { width: 66.6666666667%; }
          .nine.columns                   { width: 75.0000000000%; }
          .ten.columns                    { width: 83.3333333333%; }
          .eleven.columns                 { width: 91.6666666667%; }
          .twelve.columns                 { width: 100.000000000%}

          .one-third.column               { width: 33.3333333333%; }
          .two-thirds.column              { width: 66.6666666667%; }
          .one-quarter.column             { width: 25.0000000000%; }
          .one-half.column                { width: 50.0000000000%; }

          /* Offsets */

          .offset-by-one.column,
          .offset-by-one.columns          { margin-left: 8.33333333333%; }
          .offset-by-two.column,
          .offset-by-two.columns          { margin-left: 16.6666666667%; }
          .offset-by-three.column,
          .offset-by-three.columns        { margin-left: 25.0000000000%; }
          .offset-by-four.column,
          .offset-by-four.columns         { margin-left: 33.3333333333%; }
          .offset-by-five.column,
          .offset-by-five.columns         { margin-left: 41.6666666667%; }
          .offset-by-six.column,
          .offset-by-six.columns          { margin-left: 50.0000000000%; }
          .offset-by-seven.column,
          .offset-by-seven.columns        { margin-left: 58.3333333333%; }
          .offset-by-eight.column,
          .offset-by-eight.columns        { margin-left: 66.6666666667%; }
          .offset-by-nine.column,
          .offset-by-nine.columns         { margin-left: 75.0000000000%; }
          .offset-by-ten.column,
          .offset-by-ten.columns          { margin-left: 83.3333333333%; }
          .offset-by-eleven.column,
          .offset-by-eleven.columns       { margin-left: 91.6666666667%; }

          .offset-by-one-third.column,
          .offset-by-one-third.columns    { margin-left: 33.3333333333%; }
          .offset-by-two-thirds.column,
          .offset-by-two-thirds.columns   { margin-left: 66.6666666667%; }

          .offset-by-one-half.column,
          .offset-by-one-half.columns     { margin-left: 50.0000000000%; }

          .offset-by-one-quarter.column,
          .offset-by-one-quarter.columns  { margin-left: 25.0000000000%; }
}

/* For devices larger than 1200px */
@media (min-width: 1200px) {
          body {
            width: 1200px;
            margin: 0 auto;
          }
          .container {
            width: 100%;
          }
          .column:first-child,
          .columns:first-child {
            margin-left: 0; 
          }

          .one.column,
          .one.columns                    { width: 8.33333333333%; }
          .two.columns                    { width: 16.6666666667%; }
          .three.columns                  { width: 25.0000000000%; }
          .four.columns                   { width: 33.3333333333%; }
          .five.columns                   { width: 41.6666666667%; }
          .six.columns                    { width: 50.0000000000%; }
          .seven.columns                  { width: 58.3333333333%; }
          .eight.columns                  { width: 66.6666666667%; }
          .nine.columns                   { width: 75.0000000000%; }
          .ten.columns                    { width: 83.3333333333%; }
          .eleven.columns                 { width: 91.6666666667%; }
          .twelve.columns                 { width: 100.000000000%}

          .one-third.column               { width: 33.3333333333%; }
          .two-thirds.column              { width: 66.6666666667%; }
          .one-quarter.column             { width: 25.0000000000%; }
          .one-half.column                { width: 50.0000000000%; }

          /* Offsets */

          .offset-by-one.column,
          .offset-by-one.columns          { margin-left: 8.33333333333%; }
          .offset-by-two.column,
          .offset-by-two.columns          { margin-left: 16.6666666667%; }
          .offset-by-three.column,
          .offset-by-three.columns        { margin-left: 25.0000000000%; }
          .offset-by-four.column,
          .offset-by-four.columns         { margin-left: 33.3333333333%; }
          .offset-by-five.column,
          .offset-by-five.columns         { margin-left: 41.6666666667%; }
          .offset-by-six.column,
          .offset-by-six.columns          { margin-left: 50.0000000000%; }
          .offset-by-seven.column,
          .offset-by-seven.columns        { margin-left: 58.3333333333%; }
          .offset-by-eight.column,
          .offset-by-eight.columns        { margin-left: 66.6666666667%; }
          .offset-by-nine.column,
          .offset-by-nine.columns         { margin-left: 75.0000000000%; }
          .offset-by-ten.column,
          .offset-by-ten.columns          { margin-left: 83.3333333333%; }
          .offset-by-eleven.column,
          .offset-by-eleven.columns       { margin-left: 91.6666666667%; }

          .offset-by-one-third.column,
          .offset-by-one-third.columns    { margin-left: 33.3333333333%; }
          .offset-by-two-thirds.column,
          .offset-by-two-thirds.columns   { margin-left: 66.6666666667%; }

          .offset-by-one-half.column,
          .offset-by-one-half.columns     { margin-left: 50.0000000000%; }

          .offset-by-one-quarter.column,
          .offset-by-one-quarter.columns  { margin-left: 25.0000000000%; }
}

/* --- END --- */