/**
 * chassis-css - The minimalistic grid & typography framework by Joel Eisner
 * @version 3.0.2
 * @author Joel Eisner <jeisner93@gmail.com>
 * @link http://joeleisner.com/chassis/
 * @license MIT
 */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

* {
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%; }

p, ul, ol h1, h2, h3, h4 {
  margin: 7.5px 0; }

ul, ol {
  margin-left: 30px; }

small {
  font-size: 0.5em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

p, ul, ol {
  font-size: 1em;
  line-height: 1.25em; }

h1 {
  font-size: 2em;
  line-height: 1.25em; }

h2 {
  font-size: 1.625em;
  line-height: 1.15385em; }

h3 {
  font-size: 1.375em;
  line-height: 1.13636em; }

h4 {
  font-size: 1.125em;
  line-height: 1.11111em; }

blockquote {
  font-size: 1.25em;
  line-height: 1.25em; }

.container {
  width: 100%;
  margin: 0 auto; }

.row {
  width: 100%;
  height: auto;
  clear: both;
  overflow: auto; }

[class*='col-'] {
  width: 100%;
  position: relative;
  float: left;
  box-sizing: border-box;
  padding: 15px 30px; }
  [class*='col-'] .row {
    width: auto;
    margin-left: -30px;
    margin-right: -30px; }

[class*='offset-'] {
  margin-left: 0; }

[class*='pull-'], [class*='push-'] {
  right: auto;
  left: auto; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.list-unstyled {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }

.list-inline {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .list-inline li {
    display: inline-block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.mgn-full-top {
  margin-top: 15px; }

.mgn-dbl-top {
  margin-top: 30px; }

.mgn-full-btm {
  margin-bottom: 15px; }

.mgn-dbl-btm {
  margin-bottom: 30px; }

.pad-full-top {
  padding-top: 15px; }

.pad-dbl-top {
  padding-top: 30px; }

.pad-full-btm {
  padding-bottom: 15px; }

.pad-dbl-btm {
  padding-bottom: 30px; }

.xs-show {
  display: block; }

.xs-hide {
  display: none; }

.sm-show {
  display: none; }

.sm-hide {
  display: block; }

.md-show {
  display: none; }

.md-hide {
  display: block; }

.lg-show {
  display: none; }

.lg-hide {
  display: block; }

@media (min-width: 768px) {
  .container {
    width: 744px; }
  [class*='col-'] {
    padding: 10px; }
    [class*='col-'] .row {
      margin-left: -10px;
      margin-right: -10px; }
  .col-1 {
    width: 8.33333%; }
  .col-2 {
    width: 16.66667%; }
  .col-3 {
    width: 25%; }
  .col-4 {
    width: 33.33333%; }
  .col-5 {
    width: 41.66667%; }
  .col-6 {
    width: 50%; }
  .col-7 {
    width: 58.33333%; }
  .col-8 {
    width: 66.66667%; }
  .col-9 {
    width: 75%; }
  .col-10 {
    width: 83.33333%; }
  .col-11 {
    width: 91.66667%; }
  .col-12 {
    width: 100%; }
  p, ul, ol {
    font-size: 1em;
    line-height: 1.25em; }
  h1 {
    font-size: 2em;
    line-height: 1.25em; }
  h2 {
    font-size: 1.625em;
    line-height: 1.15385em; }
  h3 {
    font-size: 1.375em;
    line-height: 1.13636em; }
  h4 {
    font-size: 1.125em;
    line-height: 1.11111em; }
  blockquote {
    font-size: 1.25em;
    line-height: 1.25em; }
  .offset-1 {
    margin-left: 8.33333%; }
  .offset-2 {
    margin-left: 16.66667%; }
  .offset-3 {
    margin-left: 25%; }
  .offset-4 {
    margin-left: 33.33333%; }
  .offset-5 {
    margin-left: 41.66667%; }
  .offset-6 {
    margin-left: 50%; }
  .offset-7 {
    margin-left: 58.33333%; }
  .offset-8 {
    margin-left: 66.66667%; }
  .offset-9 {
    margin-left: 75%; }
  .offset-10 {
    margin-left: 83.33333%; }
  .offset-11 {
    margin-left: 91.66667%; }
  .pull-1 {
    right: 8.33333%; }
  .pull-2 {
    right: 16.66667%; }
  .pull-3 {
    right: 25%; }
  .pull-4 {
    right: 33.33333%; }
  .pull-5 {
    right: 41.66667%; }
  .pull-6 {
    right: 50%; }
  .pull-7 {
    right: 58.33333%; }
  .pull-8 {
    right: 66.66667%; }
  .pull-9 {
    right: 75%; }
  .pull-10 {
    right: 83.33333%; }
  .pull-11 {
    right: 91.66667%; }
  .pull-12 {
    right: 100%; }
  .push-1 {
    left: 8.33333%; }
  .push-2 {
    left: 16.66667%; }
  .push-3 {
    left: 25%; }
  .push-4 {
    left: 33.33333%; }
  .push-5 {
    left: 41.66667%; }
  .push-6 {
    left: 50%; }
  .push-7 {
    left: 58.33333%; }
  .push-8 {
    left: 66.66667%; }
  .push-9 {
    left: 75%; }
  .push-10 {
    left: 83.33333%; }
  .push-11 {
    left: 91.66667%; }
  .push-12 {
    left: 100%; }
  .xs-show {
    display: none; }
  .xs-hide {
    display: block; }
  .sm-show {
    display: block; }
  .sm-hide {
    display: none; }
  .md-show {
    display: none; }
  .md-hide {
    display: block; }
  .lg-show {
    display: none; }
  .lg-hide {
    display: block; } }

@media (min-width: 992px) {
  .container {
    width: 960px; }
  p, ul, ol {
    font-size: 1em;
    line-height: 1.375em; }
  h1 {
    font-size: 2.5em;
    line-height: 1.125em; }
  h2 {
    font-size: 2em;
    line-height: 1.25em; }
  h3 {
    font-size: 1.5em;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125em;
    line-height: 1.22222em; }
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833em; }
  .xs-show {
    display: none; }
  .xs-hide {
    display: block; }
  .sm-show {
    display: none; }
  .sm-hide {
    display: block; }
  .md-show {
    display: block; }
  .md-hide {
    display: none; }
  .lg-show {
    display: none; }
  .lg-hide {
    display: block; } }

@media (min-width: 1200px) {
  .container {
    width: 1200px; }
  [class*='col-'] {
    padding: 15px; }
    [class*='col-'] .row {
      margin-left: -15px;
      margin-right: -15px; }
  p, ul, ol {
    font-size: 1em;
    line-height: 1.375em; }
  h1 {
    font-size: 3em;
    line-height: 1.05em; }
  h2 {
    font-size: 2.25em;
    line-height: 1.25em; }
  h3 {
    font-size: 1.75em;
    line-height: 1.25em; }
  h4 {
    font-size: 1.125em;
    line-height: 1.22222em; }
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833em; }
  .xs-show {
    display: none; }
  .xs-hide {
    display: block; }
  .sm-show {
    display: none; }
  .sm-hide {
    display: block; }
  .md-show {
    display: none; }
  .md-hide {
    display: block; }
  .lg-show {
    display: block; }
  .lg-hide {
    display: none; } }