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


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


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0; }
.container .column,
.container .columns {
  float: left;
  width: 100%;
  box-sizing: border-box; }
.row {
  margin-bottom: 2rem; }
.row .column:first-child,
.row .columns:first-child {
  margin-left: 0; }

/* For devices larger than 550px */
@media (min-width: 550px) {

  .container .column,
  .container .columns {
    margin-left: 4%; }

  .container .one.column,
  .container .one.columns          { width: 4.66666666667%; }
  .container .two.columns          { width: 13.3333333333%; }
  .container .three.columns        { width: 22%;            }
  .container .four.columns         { width: 30.6666666667%; }
  .container .five.columns         { width: 39.3333333333%; }
  .container .six.columns          { width: 48%;            }
  .container .seven.columns        { width: 56.6666666667%; }
  .container .eight.columns        { width: 65.3333333333%; }
  .container .nine.columns         { width: 74.0%;          }
  .container .ten.columns          { width: 82.6666666667%; }
  .container .eleven.columns       { width: 91.3333333333%; }
  .container .twelve.columns       { width: 100%; margin-left: 0; }

  .container .one-third.column     { width: 30.6666666667%; }
  .container .two-thirds.column    { width: 65.3333333333%; }

  .container .one-half.column      { width: 48%; }

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

  .container .row .offset-by-one-third  { margin-left: 34.6666666667%; }
  .container .row .offset-by-two-thirds { margin-left: 69.3333333333%; }

  .container .row .offset-by-one-half   { margin-left: 52%; }

}

.container_12:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.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;
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}