/*
* 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
*/


/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid */
body.g-lu-static #content_main {
    overflow:visible;
}

.container {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box; }
.container:after {
  content:'';
  display:block;
  clear:both;}
.column,
.columns {
  width: 100%;
  display:inline-block;
  vertical-align:top;
  margin-right:-4px;
  box-sizing: border-box; }

.column,
.columns {
  margin-left: 2.65%; }
.column:first-child,
.columns:first-child {
  margin-left: 0; }

.one.column,
.one.columns                    { width: 5.9%;           }
.two.columns                    { width: 14.4555555555%; }
.three.columns                  { width: 23%;            }
.four.columns                   { width: 31.5666666666%; }
.five.columns                   { width: 40.6666666666%; }
.six.columns                    { width: 48.6666666666%; }
.seven.columns                  { width: 56.6666666667%; }
.eight.columns                  { width: 65.78%;         }
.nine.columns                   { width: 74.3333333334%; }
.ten.columns                    { width: 82.8%;            }
.eleven.columns                 { width: 92.6666666666%; }
.twelve.columns                 { width: 100%; margin-left: 0; }

.one-third.column               { width: 31.5666666666%; }
.two-thirds.column              { width: 65.78%; }

.one-half.column                { width: 48.6666666666%; }

/* Offsets */
.offset-by-one.column,
.offset-by-one.columns          { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns          { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns        { margin-left: 26%;            }
.offset-by-four.column,
.offset-by-four.columns         { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns         { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns          { margin-left: 52%;            }
.offset-by-seven.column,
.offset-by-seven.columns        { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns        { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns         { margin-left: 78.0%;          }
.offset-by-ten.column,
.offset-by-ten.columns          { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

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

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


/* For devices smaller than 400px */
@media (max-width: 399px) {
}

/* smaller than phablet (also point when grid becomes active) */
@media (max-width: 639px) {
}

/* smaller than tablet */
@media (max-width: 767px) {
  .container {
    padding:0 20px;
  }
  .five.columns,
  .six.columns,
  .seven.columns {
    margin-left:30px;
    margin-right:30px;
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .one.column,
  .one.columns,
  .two.columns,
  .three.columns,
  .four.columns,
  .eight.columns,
  .nine.columns,
  .ten.columns,
  .eleven.columns,
  .twelve.columns {
    // margin-left:30px;
    // margin-right:30px;
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .columns, .column {
    margin-top:30px;
  }
  .columns .columns,
  .column .columns {
    padding-left:0;
  }
}

/* smaller than desktop */
@media (max-width: 999px) {}

/* smaller than Desktop HD */
@media (max-width: 1279px) {}