/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Normalize
SKELETON:
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* normalize.css v8.0.1
** MIT License | github.com/necolas/normalize.css
** with a few additions from reset.css where noted
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {margin: 0;}
main {display: block;}
/* h1 {
  font-size: 2em;
  margin: 0.67em 0;
} */
hr {
  box-sizing: content-box;
  -moz-box-sizing: content-box; /* from reset.css */
  height: 0;
  overflow: visible;
  display: block; /* from reset.css */
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
  white-space: pre-wrap;  /* from reset.css */
  overflow: auto; /* from reset.css */
}
/** from reset.css */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** from reset.css */
ul, ol {list-style-position: inside;}
ul {list-style: none;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small { font-size: 80%; }
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset { padding: 0.35em 0.75em 0.625em; }
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details { display: block; }
summary { display: list-item; }

template { display: none; }
[hidden] { display: none; }
audio, canvas, progress, video {
   display: inline-block;
   vertical-align: baseline;
}
audio:not([controls]) { display: none; height: 0; }
mark { background: #ff0; color: #000; }
svg:not(:root) { overflow: hidden; }

/** END NORMALIZE 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* 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
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container, .row, .columns {
   box-sizing: border-box;
   /* add vendor prefixes for box-sizing */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

.container {
  position: relative;
  width: 95%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}

.columns {
  width: 100%;
  float: left;
}

.row {width:100%;}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 85%; }
  .columns {
    margin-left: .5%; }
  .columns:first-child {
    margin-left: 0; }

/* Total width: 1400px Column width: 110.25px   Gutter width: 7px */
/* % width = ((( #Cols x 110.25 ) + ( 7 x ( #Cols - 1 ))) / 1400 ) x 100 */
  .one.columns                    { width: 7.875%; } /* (110.25/1400) x 100 */
  .two.columns                    { width: 16.25%; } /* (((2 x 110.25) + (7 x 1))/1400) x 100 */
  .three.columns                  { width: 24.625%;            } /* (((3 x 110.25) + (7 x 2))/1400) x 100 */
  .four.columns                   { width: 33%; } /* (((4 x 110.25) + (7 x 3))/1400) x 100 */
  .five.columns                   { width: 41.375%; } /* (((5 x 110.25) + (7 x 4))/1400) x 100 */
  .six.columns                    { width: 49.75%;            } /* (((6 x 110.25) + (7 x 5))/1400) x 100 */
  .seven.columns                  { width: 58.125%; } /* (((7 x 110.25) + (7 x 6))/1400) x 100 */
  .eight.columns                  { width: 66.5%; } /* (((8 x 110.25) + (7 x 7))/1400) x 100 */
  .nine.columns                   { width: 74.875%;          } /* (((9 x 110.25) + (7 x 8))/1400) x 100 */
  .ten.columns                    { width: 83.25%; } /* (((10 x 110.25) + (7 x 9))/1400) x 100 */
  .eleven.columns                 { width: 91.625%; } /* (((11 x 110.25) + (7 x 10))/1400) x 100 */
  .twelve.columns                 { width: 100%; margin-left: 0; } /* (((12 x 110.25) + (7 x 11))/1400) x 100 */

  .one-third.columns               { width: 33%; } /* same as 4 columns */
  .two-thirds.columns              { width: 66.5%; } /* same as 8 columns */

  .one-half.columns                { width: 49.75%; } /* same as 6 columns */

  /* Offsets */
  /* % margin = (((110.25 x #Cols) + (7 x #Cols)) / 1400) x 100  */
  .offset-by-one.columns          { margin-left: 8.375%; } /* (((110.25 x 1) + (7 x 1))/1400) x 100 */
  .offset-by-two.columns          { margin-left: 16.75%; } /* (((110.25 x 2) + (7 x 2))/1400) x 100 */
  .offset-by-three.columns        { margin-left: 25.125%;            } /* (((110.25 x 3) + (7 x 3))/1400) x 100 */
  .offset-by-four.columns         { margin-left: 33.5%; } /* (((110.25 x 4) + (7 x 4))/1400) x 100 */
  .offset-by-five.columns         { margin-left: 41.875%; } /* (((110.25 x 5) + (7 x 5))/1400) x 100 */
  .offset-by-six.columns          { margin-left: 50.25%;            } /* (((110.25 x 6) + (7 x 6))/1400) x 100 */
  .offset-by-seven.columns        { margin-left: 58.625%; } /* (((110.25 x 7) + (7 x 7))/1400) x 100 */
  .offset-by-eight.columns        { margin-left: 67%; } /* (((110.25 x 8) + (7 x 8))/1400) x 100 */
  .offset-by-nine.columns         { margin-left: 75.375%;          } /* (((110.25 x 9) + (7 x 9))/1400) x 100 */
  .offset-by-ten.columns          { margin-left: 83.75%; } /* (((110.25 x 10) + (7 x 10))/1400) x 100 */
  .offset-by-eleven.columns       { margin-left: 92.125%; } /* (((110.25 x 11) + (7 x 11))/1400) x 100 */

  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
  .offset-by-one-half.columns     { margin-left: 52%; }
}

/* 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; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
TIP: Create the queries near the relevant code.
*/

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}