.grid {
  box-sizing: border-box;
  display: block;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
}

.grid.grid-none {
  margin-left: 0;
  margin-right: 0;
}

.grid.grid-none > .grid-item,
.grid.grid-none > .grid-row > .grid-item {
  padding-left: 0;
  padding-right: 0;
}

.grid.grid-base {
  margin-left: -15px;
  margin-right: -15px;
}

.grid.grid-base > .grid-item,
.grid.grid-base > .grid-row > .grid-item {
  padding-left: 15px;
  padding-right: 15px;
}

.grid.grid-float:after {
  content: " ";
  display: table;
  clear: both;
}

.grid.grid-float > .grid-row {
  display: block;
}

.grid.grid-float > .grid-item,
.grid.grid-float > .grid-row > .grid-item {
  display: block;
}

.grid.grid-float > .grid-item.grid-left,
.grid.grid-float > .grid-row > .grid-item.grid-left {
  float: left;
}

.grid.grid-float > .grid-item.grid-right,
.grid.grid-float > .grid-row > .grid-item.grid-right {
  float: right;
}

.grid.grid-inline {
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}

.grid.grid-inline > .grid-row {
  display: block;
}

.grid.grid-inline > .grid-item,
.grid.grid-inline > .grid-row > .grid-item {
  display: inline-block;
  font-family: MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  text-rendering: auto;
  page-break-inside: avoid;
}

.grid.grid-table {
  display: table;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  table-layout: fixed;
}

.grid.grid-table > .grid-row {
  display: table-row;
}

.grid.grid-table > .grid-item,
.grid.grid-table > .grid-row > .grid-item {
  display: table-cell;
}

.grid > .grid-item,
.grid > .grid-row > .grid-item {
  box-sizing: border-box;
  min-height: 1px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}