/**
 * This stylesheet defines rules for box paddings that can be reused by
 * the layouts.
 */
.uol--gutter-bottom-1000 {
  padding-bottom: 9px;
}
.uol--gutter-left--1667 {
  padding-left: 15px;
}

.uol--gutter-left--1000 {
  padding-left: 9px;
}

.uol--gutter-left--667 {
  padding-left: 6px;
}

.uol--gutter-left--500 {
  padding-left: 4px;
}

.uol--gutter-left--333 {
  padding-left: 3px;
}

.uol--gutter-right--1667 {
  padding-right: 15px;
}

.uol--gutter-right--1000 {
  padding-right: 9px;
}

.uol--gutter-right--667 {
  padding-right: 6px;
}

.uol--gutter-right--500 {
  padding-right: 4px;
}

.uol--gutter-right--333 {
  padding-right: 3px;
}

.uol--gutter-top--1000 {
  padding-top: 20px;
}

.uol--gutter-top--500 {
  padding-top: 10px;
}

.uol--padding--tiny {
  padding: 1px;
}

.uol--padding--large {
  padding: 10px 14px;
}

.uol--margin-top--0 {
  margin-top: 0;
}

.uol--margin-bottom--0 {
  margin-bottom: 0;
}

@media (max-width: 735px) {
  .uol--gutter-left--1000,
  .uol--gutter-left--667,
  .uol--gutter-left--333 {
    padding-left: 0;
  }

  .uol--gutter-right--1000,
  .uol--gutter-right--667,
  .uol--gutter-right--333 {
    padding-right: 0;
  }

  .uol--gutter-top--1000,
  .uol--gutter-top--500 {
    padding-top: 0;
  }

}