.grid {
  margin: 0;
  padding: 0;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  display: flex;
  flex-flow: row wrap;
}

.grid-bottom {
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.grid-middle {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.grid-stretch {
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}

.opera-only :-o-prefocus, .grid {
  word-spacing: -0.43em;
}

.unit {
  letter-spacing: normal;
  text-rendering: auto;
  vertical-align: top;
  word-spacing: normal;
  display: inline-block;
  visibility: visible;
}

.grid-bottom .unit {
  vertical-align: bottom;
}

.grid-middle .unit {
  vertical-align: middle;
}

.unit[class*="push-"],
.unit[class*="pull-"] {
  position: relative;
}

.unit-xs-hidden {
  display: none;
  visibility: hidden;
}

.unit-xs-centered {
  margin: 0 auto;
}

.unit-xs-1 {
  display: block;
  visibility: visible;
  width: 100%;
}

.unit-offset-xs-0 {
  margin-left: 0;
}

.unit-push-xs-0,
.unit-pull-xs-0 {
  left: 0;
}

.unit-xs-1-2 {
  width: 50.0000%;
}

.unit-offset-xs-1-2 {
  margin-left: 50.0000%;
}

.unit-push-xs-1-2 {
  left: 50.0000%;
}

.unit-pull-xs-1-2 {
  left: -50.0000%;
}

.unit-xs-1-3 {
  width: 33.3333%;
}

.unit-offset-xs-1-3 {
  margin-left: 33.3333%;
}

.unit-push-xs-1-3 {
  left: 33.3333%;
}

.unit-pull-xs-1-3 {
  left: -33.3333%;
}

.unit-xs-2-3 {
  width: 66.6667%;
}

.unit-offset-xs-2-3 {
  margin-left: 66.6667%;
}

.unit-push-xs-2-3 {
  left: 66.6667%;
}

.unit-pull-xs-2-3 {
  left: -66.6667%;
}

.unit-xs-1-2,.unit-xs-1-3,.unit-xs-2-3 {
  display: inline-block;
  visibility: visible;
}

@media only screen and (min-width: 25em) {

.unit-s-hidden {
  display: none;
  visibility: hidden;
}

.unit-s-centered {
  margin: 0 auto;
}

.unit-s-1 {
  display: block;
  visibility: visible;
  width: 100%;
}

.unit-offset-s-0 {
  margin-left: 0;
}

.unit-push-s-0,
.unit-pull-s-0 {
  left: 0;
}

.unit-s-1-2 {
  width: 50.0000%;
}

.unit-offset-s-1-2 {
  margin-left: 50.0000%;
}

.unit-push-s-1-2 {
  left: 50.0000%;
}

.unit-pull-s-1-2 {
  left: -50.0000%;
}

.unit-s-1-3 {
  width: 33.3333%;
}

.unit-offset-s-1-3 {
  margin-left: 33.3333%;
}

.unit-push-s-1-3 {
  left: 33.3333%;
}

.unit-pull-s-1-3 {
  left: -33.3333%;
}

.unit-s-2-3 {
  width: 66.6667%;
}

.unit-offset-s-2-3 {
  margin-left: 66.6667%;
}

.unit-push-s-2-3 {
  left: 66.6667%;
}

.unit-pull-s-2-3 {
  left: -66.6667%;
}

.unit-s-1-2,.unit-s-1-3,.unit-s-2-3 {
  display: inline-block;
  visibility: visible;
}

}

@media only screen and (min-width: 38em) {

.unit-m-hidden {
  display: none;
  visibility: hidden;
}

.unit-m-centered {
  margin: 0 auto;
}

.unit-m-1 {
  display: block;
  visibility: visible;
  width: 100%;
}

.unit-offset-m-0 {
  margin-left: 0;
}

.unit-push-m-0,
.unit-pull-m-0 {
  left: 0;
}

.unit-m-1-2 {
  width: 50.0000%;
}

.unit-offset-m-1-2 {
  margin-left: 50.0000%;
}

.unit-push-m-1-2 {
  left: 50.0000%;
}

.unit-pull-m-1-2 {
  left: -50.0000%;
}

.unit-m-1-3 {
  width: 33.3333%;
}

.unit-offset-m-1-3 {
  margin-left: 33.3333%;
}

.unit-push-m-1-3 {
  left: 33.3333%;
}

.unit-pull-m-1-3 {
  left: -33.3333%;
}

.unit-m-2-3 {
  width: 66.6667%;
}

.unit-offset-m-2-3 {
  margin-left: 66.6667%;
}

.unit-push-m-2-3 {
  left: 66.6667%;
}

.unit-pull-m-2-3 {
  left: -66.6667%;
}

.unit-m-1-2,.unit-m-1-3,.unit-m-2-3 {
  display: inline-block;
  visibility: visible;
}

}

@media only screen and (min-width: 60em) {

.unit-l-hidden {
  display: none;
  visibility: hidden;
}

.unit-l-centered {
  margin: 0 auto;
}

.unit-l-1 {
  display: block;
  visibility: visible;
  width: 100%;
}

.unit-offset-l-0 {
  margin-left: 0;
}

.unit-push-l-0,
.unit-pull-l-0 {
  left: 0;
}

.unit-l-1-2 {
  width: 50.0000%;
}

.unit-offset-l-1-2 {
  margin-left: 50.0000%;
}

.unit-push-l-1-2 {
  left: 50.0000%;
}

.unit-pull-l-1-2 {
  left: -50.0000%;
}

.unit-l-1-3 {
  width: 33.3333%;
}

.unit-offset-l-1-3 {
  margin-left: 33.3333%;
}

.unit-push-l-1-3 {
  left: 33.3333%;
}

.unit-pull-l-1-3 {
  left: -33.3333%;
}

.unit-l-2-3 {
  width: 66.6667%;
}

.unit-offset-l-2-3 {
  margin-left: 66.6667%;
}

.unit-push-l-2-3 {
  left: 66.6667%;
}

.unit-pull-l-2-3 {
  left: -66.6667%;
}

.unit-l-1-2,.unit-l-1-3,.unit-l-2-3 {
  display: inline-block;
  visibility: visible;
}

}