/*! Skeleton Framework | 1.0.4 | MIT | Dec 20th, 2015 */

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

/* Root Document Variables */

/* Base Styles */

html {
    font-size: 1em;
    box-sizing: border-box;
  }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  body {
    font-size: 1em;
    line-height: 1.6;
    font-weight: 400;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #222;
  }
  
  /* Grid */
  
  .container {
    margin: 0 auto;
    width: calc(100% - 1em);
    max-width: 1200px;
  }
  
  .container .container {
    margin-top: 0.5em;
    width: calc(100% - 2em);
  }
  
  .row {
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
  
  .row::before,
  .row::after {
    content: ' ';
    display: table;
  }
  
  .row::after {
    clear: both;
  }
  
  .row ~ .row,
  [class*='column'] ~ [class*='column'] {
    margin-top: 1em;
  }
  
  [class*='column'] {
    width: calc(100% - 1em);
    float: left;
    min-height: 1px;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  
  .xs-one[class*='column'] {
    width: calc(8.3333333333% - 1em);
  }
  
  .xs-two[class*='column'] {
    width: calc(16.6666666666% - 1em);
  }
  
  .xs-three[class*='column'],
  .xs-one-quarter[class*='column'] {
    width: calc(24.9999999999% - 1em);
  }
  
  .xs-four[class*='column'],
  .xs-one-third[class*='column'] {
    width: calc(33.3333333332% - 1em);
  }
  
  .xs-five[class*='column'] {
    width: calc(41.6666666665% - 1em);
  }
  
  .xs-six[class*='column'],
  .xs-one-half[class*='column'] {
    width: calc(49.9999999998% - 1em);
  }
  
  .xs-seven[class*='column'] {
    width: calc(58.3333333331% - 1em);
  }
  
  .xs-eight[class*='column'],
  .xs-two-thirds[class*='column'] {
    width: calc(66.6666666664% - 1em);
  }
  
  .xs-nine[class*='column'] {
    width: calc(74.9999999997% - 1em);
  }
  
  .xs-ten[class*='column'] {
    width: calc(83.333333333% - 1em);
  }
  
  .xs-eleven[class*='column'] {
    width: calc(91.6666666663% - 1em);
  }
  
  .xs-twelve[class*='column'] {
    width: calc(99.9999999996% - 1em);
  }
  
  [class*='xs-'][class*='column'] ~ [class*='xs-'][class*='column'] {
    margin-top: 0;
  }
  
  @media screen and (min-width: 35em) {
    [class*='column'] ~ [class*='column'] {
      margin-top: 0;
    }
    .one[class*='column'] {
      width: calc(8.3333333333% - 1em);
    }
    .two[class*='column'] {
      width: calc(16.6666666666% - 1em);
    }
    .three[class*='column'],
    .one-quarter[class*='column'] {
      width: calc(24.9999999999% - 1em);
    }
    .four[class*='column'],
    .one-third[class*='column'] {
      width: calc(33.3333333332% - 1em);
    }
    .five[class*='column'] {
      width: calc(41.6666666665% - 1em);
    }
    .six[class*='column'],
    .one-half[class*='column'] {
      width: calc(49.9999999998% - 1em);
    }
    .seven[class*='column'] {
      width: calc(58.3333333331% - 1em);
    }
    .eight[class*='column'],
    .two-thirds[class*='column'] {
      width: calc(66.6666666664% - 1em);
    }
    .nine[class*='column'] {
      width: calc(74.9999999997% - 1em);
    }
    .ten[class*='column'] {
      width: calc(83.333333333% - 1em);
    }
    .eleven[class*='column'] {
      width: calc(91.6666666663% - 1em);
    }
    .twelve[class*='column'] {
      width: calc(99.9999999996% - 1em);
    }
    .offset-by-one[class*='column'] {
      margin-left: calc(8.3333333333% + 0.5em);
    }
    .offset-by-two[class*='column'] {
      margin-left: calc(16.6666666666% + 0.5em);
    }
    .offset-by-three[class*='column'],
    .offset-by-one-quarter[class*='column'] {
      margin-left: calc(24.9999999999% + 0.5em);
    }
    .offset-by-four[class*='column'],
    .offset-by-one-third[class*='column'] {
      margin-left: calc(33.3333333332% + 0.5em);
    }
    .offset-by-five[class*='column'] {
      margin-left: calc(41.6666666665% + 0.5em);
    }
    .offset-by-six[class*='column'],
    .offset-by-one-half[class*='column'] {
      margin-left: calc(49.9999999998% + 0.5em);
    }
    .offset-by-seven[class*='column'] {
      margin-left: calc(58.3333333331% + 0.5em);
    }
    .offset-by-eight[class*='column'],
    .offset-by-two-thirds[class*='column'] {
      margin-left: calc(66.6666666664% + 0.5em);
    }
    .offset-by-nine[class*='column'] {
      margin-left: calc(74.9999999997% + 0.5em);
    }
    .offset-by-ten[class*='column'] {
      margin-left: calc(83.333333333% + 0.5em);
    }
    .offset-by-eleven[class*='column'] {
      margin-left: calc(91.6666666663% + 0.5em);
    }
    .sm-one[class*='column'] {
      width: calc(8.3333333333% - 1em);
    }
    .sm-two[class*='column'] {
      width: calc(16.6666666666% - 1em);
    }
    .sm-three[class*='column'],
    .sm-one-quarter[class*='column'] {
      width: calc(24.9999999999% - 1em);
    }
    .sm-four[class*='column'],
    .sm-one-third[class*='column'] {
      width: calc(33.3333333332% - 1em);
    }
    .sm-five[class*='column'] {
      width: calc(41.6666666665% - 1em);
    }
    .sm-six[class*='column'],
    .sm-one-half[class*='column'] {
      width: calc(49.9999999998% - 1em);
    }
    .sm-seven[class*='column'] {
      width: calc(58.3333333331% - 1em);
    }
    .sm-eight[class*='column'],
    .sm-two-thirds[class*='column'] {
      width: calc(66.6666666664% - 1em);
    }
    .sm-nine[class*='column'] {
      width: calc(74.9999999997% - 1em);
    }
    .sm-ten[class*='column'] {
      width: calc(83.333333333% - 1em);
    }
    .sm-eleven[class*='column'] {
      width: calc(91.6666666663% - 1em);
    }
    .sm-twelve[class*='column'] {
      width: calc(99.9999999996% - 1em);
    }
    .sm-offset-by-one[class*='column'] {
      margin-left: calc(8.3333333333% + 0.5em);
    }
    .sm-offset-by-two[class*='column'] {
      margin-left: calc(16.6666666666% + 0.5em);
    }
    .sm-offset-by-three[class*='column'],
    .sm-offset-by-one-quarter[class*='column'] {
      margin-left: calc(24.9999999999% + 0.5em);
    }
    .sm-offset-by-four[class*='column'],
    .sm-offset-by-one-third[class*='column'] {
      margin-left: calc(33.3333333332% + 0.5em);
    }
    .sm-offset-by-five[class*='column'] {
      margin-left: calc(41.6666666665% + 0.5em);
    }
    .sm-offset-by-six[class*='column'],
    .sm-offset-by-one-half[class*='column'] {
      margin-left: calc(49.9999999998% + 0.5em);
    }
    .sm-offset-by-seven[class*='column'] {
      margin-left: calc(58.3333333331% + 0.5em);
    }
    .sm-offset-by-eight[class*='column'],
    .sm-offset-by-two-thirds[class*='column'] {
      margin-left: calc(66.6666666664% + 0.5em);
    }
    .sm-offset-by-nine[class*='column'] {
      margin-left: calc(74.9999999997% + 0.5em);
    }
    .sm-offset-by-ten[class*='column'] {
      margin-left: calc(83.333333333% + 0.5em);
    }
    .sm-offset-by-eleven[class*='column'] {
      margin-left: calc(91.6666666663% + 0.5em);
    }
  }
  
  @media screen and (min-width: 45em) {
    .md-one[class*='column'] {
      width: calc(8.3333333333% - 1em);
    }
    .md-two[class*='column'] {
      width: calc(16.6666666666% - 1em);
    }
    .md-three[class*='column'],
    .md-one-quarter[class*='column'] {
      width: calc(24.9999999999% - 1em);
    }
    .md-four[class*='column'],
    .md-one-third[class*='column'] {
      width: calc(33.3333333332% - 1em);
    }
    .md-five[class*='column'] {
      width: calc(41.6666666665% - 1em);
    }
    .md-six[class*='column'],
    .md-one-half[class*='column'] {
      width: calc(49.9999999998% - 1em);
    }
    .md-seven[class*='column'] {
      width: calc(58.3333333331% - 1em);
    }
    .md-eight[class*='column'],
    .md-two-thirds[class*='column'] {
      width: calc(66.6666666664% - 1em);
    }
    .md-nine[class*='column'] {
      width: calc(74.9999999997% - 1em);
    }
    .md-ten[class*='column'] {
      width: calc(83.333333333% - 1em);
    }
    .md-eleven[class*='column'] {
      width: calc(91.6666666663% - 1em);
    }
    .md-twelve[class*='column'] {
      width: calc(99.9999999996% - 1em);
    }
    .md-offset-by-one[class*='column'] {
      margin-left: calc(8.3333333333% + 0.5em);
    }
    .md-offset-by-two[class*='column'] {
      margin-left: calc(16.6666666666% + 0.5em);
    }
    .md-offset-by-three[class*='column'],
    .md-offset-by-one-quarter[class*='column'] {
      margin-left: calc(24.9999999999% + 0.5em);
    }
    .md-offset-by-four[class*='column'],
    .md-offset-by-one-third[class*='column'] {
      margin-left: calc(33.3333333332% + 0.5em);
    }
    .md-offset-by-five[class*='column'] {
      margin-left: calc(41.6666666665% + 0.5em);
    }
    .md-offset-by-six[class*='column'],
    .md-offset-by-one-half[class*='column'] {
      margin-left: calc(49.9999999998% + 0.5em);
    }
    .md-offset-by-seven[class*='column'] {
      margin-left: calc(58.3333333331% + 0.5em);
    }
    .md-offset-by-eight[class*='column'],
    .md-offset-by-two-thirds[class*='column'] {
      margin-left: calc(66.6666666664% + 0.5em);
    }
    .md-offset-by-nine[class*='column'] {
      margin-left: calc(74.9999999997% + 0.5em);
    }
    .md-offset-by-ten[class*='column'] {
      margin-left: calc(83.333333333% + 0.5em);
    }
    .md-offset-by-eleven[class*='column'] {
      margin-left: calc(91.6666666663% + 0.5em);
    }
  }
  
  @media screen and (min-width: 60em) {
    .lg-one[class*='column'] {
      width: calc(8.3333333333% - 1em);
    }
    .lg-two[class*='column'] {
      width: calc(16.6666666666% - 1em);
    }
    .lg-three[class*='column'],
    .lg-one-quarter[class*='column'] {
      width: calc(24.9999999999% - 1em);
    }
    .lg-four[class*='column'],
    .lg-one-third[class*='column'] {
      width: calc(33.3333333332% - 1em);
    }
    .lg-five[class*='column'] {
      width: calc(41.6666666665% - 1em);
    }
    .lg-six[class*='column'],
    .lg-one-half[class*='column'] {
      width: calc(49.9999999998% - 1em);
    }
    .lg-seven[class*='column'] {
      width: calc(58.3333333331% - 1em);
    }
    .lg-eight[class*='column'],
    .lg-two-thirds[class*='column'] {
      width: calc(66.6666666664% - 1em);
    }
    .lg-nine[class*='column'] {
      width: calc(74.9999999997% - 1em);
    }
    .lg-ten[class*='column'] {
      width: calc(83.333333333% - 1em);
    }
    .lg-eleven[class*='column'] {
      width: calc(91.6666666663% - 1em);
    }
    .lg-twelve[class*='column'] {
      width: calc(99.9999999996% - 1em);
    }
    .lg-offset-by-one[class*='column'] {
      margin-left: calc(8.3333333333% + 0.5em);
    }
    .lg-offset-by-two[class*='column'] {
      margin-left: calc(16.6666666666% + 0.5em);
    }
    .lg-offset-by-three[class*='column'],
    .lg-offset-by-one-quarter[class*='column'] {
      margin-left: calc(24.9999999999% + 0.5em);
    }
    .lg-offset-by-four[class*='column'],
    .lg-offset-by-one-third[class*='column'] {
      margin-left: calc(33.3333333332% + 0.5em);
    }
    .lg-offset-by-five[class*='column'] {
      margin-left: calc(41.6666666665% + 0.5em);
    }
    .lg-offset-by-six[class*='column'],
    .lg-offset-by-one-half[class*='column'] {
      margin-left: calc(49.9999999998% + 0.5em);
    }
    .lg-offset-by-seven[class*='column'] {
      margin-left: calc(58.3333333331% + 0.5em);
    }
    .lg-offset-by-eight[class*='column'],
    .lg-offset-by-two-thirds[class*='column'] {
      margin-left: calc(66.6666666664% + 0.5em);
    }
    .lg-offset-by-nine[class*='column'] {
      margin-left: calc(74.9999999997% + 0.5em);
    }
    .lg-offset-by-ten[class*='column'] {
      margin-left: calc(83.333333333% + 0.5em);
    }
    .lg-offset-by-eleven[class*='column'] {
      margin-left: calc(91.6666666663% + 0.5em);
    }
  }
  
  /* Typography and Links */
  
  /* Base Typo
   ------------------------------------------------- */
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
  }
  
  h1 {
    font-size: 4.0rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
  }
  
  h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
  }
  
  h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
  }
  
  h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
  }
  
  h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
  }
  
  h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  
  
  /* Larger than phablet */
  
  @media (min-width: 550px) {
    h1 {
      font-size: 5.0rem;
    }
    h2 {
      font-size: 4.2rem;
    }
    h3 {
      font-size: 3.6rem;
    }
    h4 {
      font-size: 3.0rem;
    }
    h5 {
      font-size: 2.4rem;
    }
    h6 {
      font-size: 1.5rem;
    }
  }
  
  p {
    margin-top: 0;
  }
  
  
  /* Links
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  a {
    color: #1EAEDB;
  }
  
  a:hover {
    color: #0FA0CE;
  }
  
  /* Buttons */
  
  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #BBB;
    cursor: pointer;
  }
  
  .button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  .button:focus,
  button:focus,
  input[type="submit"]:focus,
  input[type="reset"]:focus,
  input[type="button"]:focus {
    color: #333;
    border-color: #888;
    outline: 0;
  }
  
  .button:disabled {
    border: 1px solid #E3E3E3;
    color: #888;
    cursor: not-allowed;
  }
  
  .button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
    color: #222;
    border-color: #222;
  }
  
  .button.button-primary,
  button.button-primary,
  input[type="submit"].button-primary,
  input[type="reset"].button-primary,
  input[type="button"].button-primary {
    color: #FFF;
    background-color: #33C3F0;
    border-color: #33C3F0;
  }
  
  .button.button-primary:hover,
  button.button-primary:hover,
  input[type="submit"].button-primary:hover,
  input[type="reset"].button-primary:hover,
  input[type="button"].button-primary:hover,
  .button.button-primary:focus,
  button.button-primary:focus,
  input[type="submit"].button-primary:focus,
  input[type="reset"].button-primary:focus,
  input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #1EAEDB;
    border-color: #1EAEDB;
  }
  
  .button.button-primary:disabled,
  button.button-primary:disabled,
  input[type="submit"].button-primary:disabled,
  input[type="reset"].button-primary:disabled,
  input[type="button"].button-primary:disabled {
    color: #FFF;
    cursor: not-allowed;
    background-color: #7CD9F8;
    border-color: #7CD9F8;
  }
  
  .button.button-primary:active,
  button.button-primary:active,
  input[type="submit"].button-primary:active,
  input[type="reset"].button-primary:active,
  input[type="button"].button-primary:active {
    color: #FFF;
    background-color: #157b9b;
    border-color: #157b9b;
  }
  
  /* Forms */
  
  input[type="email"],
  input[type="number"],
  input[type="date"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  textarea,
  select {
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #FFF;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
  }
  
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  select:not([size]),
  textarea:not([rows]) {
    height: 38px;
  }
  
  
  /* Removes awkward default styles on some inputs for iOS */
  
  input[type="email"],
  input[type="number"],
  input[type="date"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  input[type="button"],
  input[type="submit"],
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="date"]:focus,
  input[type="search"]:focus,
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
  }
  
  label,
  legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
  }
  
  fieldset {
    padding: 0;
    border-width: 0;
  }
  
  input[type="checkbox"],
  input[type="radio"] {
    display: inline;
  }
  
  label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
  }
  
  /* Lists */
  
  ul {
    list-style: circle inside;
  }
  
  ol {
    list-style: decimal inside;
  }
  
  ol,
  ul {
    padding-left: 0;
    margin-top: 0;
  }
  
  ul ul,
  ul ol,
  ol ol,
  ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
  }
  
  li {
    margin-bottom: 1rem;
  }
  
  /* Code */
  
  code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
  }
  
  pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
    overflow: auto;
  }
  
  /* Tables */
  
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  th,
  td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
  }
  
  th:first-child,
  td:first-child {
    padding-left: 0;
  }
  
  th:last-child,
  td:last-child {
    padding-right: 0;
  }
  
  /* Spacing */
  
  button,
  .button {
    margin-bottom: 1rem;
  }
  
  input,
  textarea,
  select,
  fieldset {
    margin-bottom: 1.5rem;
  }
  
  pre,
  blockquote,
  dl,
  figure,
  table,
  p,
  ul,
  ol,
  form {
    margin-bottom: 2.5rem;
  }
  
  /* Utilities */
  
  .u-full-width {
    width: 100%;
  }
  
  .u-max-full-width {
    max-width: 100%;
  }
  
  
  /* Floats */
  
  .u-pull-right {
    float: right;
  }
  
  .u-pull-left {
    float: left;
  }
  
  .u-cf {
    content: "";
    display: table;
    clear: both;
  }
  
  
  /* Positioning */
  
  .u-center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  
  /**
   * Note:
   *
   * Nest this class inside something with `position: relative` to have
   * your element centered relative to its containing element.
   *
   * Use this class without nesting it to have your element centered relative
   * to the viewport.
   */
  
  .u-center-abs {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  
  
  /* Type */
  
  .u-text-center {
    text-align: center !important;
  }
  
  .u-text-right {
    text-align: right !important;
  }
  
  .u-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  
  /* Peek a boo */
  
  .u-hide {
    display: none !important;
  }
  
  .u-show {
    display: block !important;
  }
  
  .u-invisible {
    visibility: hidden !important;
  }
  
  .u-visible {
    visibility: visible !important;
  }
  
  
  /* Misc */
  
  .u-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  /* Misc */
  
  hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
  }
  
  
  /* Clearing */
  
  
  .container:after,
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  
  /* Media Queries */
  
  
  /* Note: The best way to structure the use of media queries is to create the
     queries near the relevant code. For example, if you wanted to change the
     styles for buttons on small devices, paste the mobile query code up in the
     buttons section and style it there. */
  
  
  /* 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) {}