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

.row {
	margin-bottom:10px;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
	padding:0 10px;
}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container {
    width: 960px;
    padding: 0;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
    width: 768px;
    padding: 0;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container {
    width: 420px;
	padding:0 !important;
}

.columns {
    width: 100% !important;
	padding:0 !important;
}

.container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-fifth.column, .container .one-third.column, .container .two-thirds.column {
    width: 420px;
}


  .offset-by-one.column,
  .offset-by-one.columns,          
  .offset-by-two.column,
  .offset-by-two.columns ,         
  .offset-by-three.column,
  .offset-by-three.columns,        
  .offset-by-four.column,
  .offset-by-four.columns  ,       
  .offset-by-five.column,
  .offset-by-five.columns   ,      
  .offset-by-six.column,
  .offset-by-six.columns     ,     
  .offset-by-seven.column,
  .offset-by-seven.columns    ,    
  .offset-by-eight.column,
  .offset-by-eight.columns     ,   
  .offset-by-nine.column,
  .offset-by-nine.columns       ,  
  .offset-by-ten.column,
  .offset-by-ten.columns         , 
  .offset-by-eleven.column,
  .offset-by-eleven.columns       ,

  .offset-by-one-third.column,
  .offset-by-one-third.columns    ,
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   ,

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

}


}


  .one.columns                    { width: 8.33333333%; }
  .two.columns                    { width: 16.66666667%; }
  .three.columns                  { width: 25%!important;            }
  .four.columns                   { width: 33.33333333%; }
  .five.columns                   { width: 41.66666667%; }
  .six.columns                    { width: 50%;            }
  .seven.columns                  { width: 58.33333333%;}
  .eight.columns                  { width: 66.66666667%;}
  .nine.columns                   { width: 75.0%;          }
  .ten.columns                    { width: 83.33333333%;}
  .eleven.columns                 { width: 91.66666667%;}
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 33.33333333%; }
  .two-thirds.column              { width: 66.66666667%; }
  .one-fifth.column               { width: 20%; }

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

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 4.166666665%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 8.333333335%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 12.5%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 16.666666665%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 20.833333335%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 25%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 29.166666665%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 33.333333335%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 37.5%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 41.666666665%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 45.833333335%; }

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

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

}

table td {
	text-align:center;
}

.no-padding {
	padding:0;
}



/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container: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;
    }