.wrap {
  padding: 0;
}

.wrap:before {
  content: " ";
  display: table;
}

.wrap:after {
  content: " ";
  display: table;
  clear: both;
}

.wrap-none,
.wrap-x-none {
  padding-left: 0;
  padding-right: 0;
}

.wrap-base,
.wrap-x-base {
  padding-left: 30px;
  padding-right: 30px;
}

.wrap-none,
.wrap-y-none {
  padding-bottom: 0;
}

.wrap-base,
.wrap-y-base {
  padding-bottom: 20px;
}