$mail-gap: $space-7;

.mail-row {
  width: 100%;
  display: block;
  margin: 0 auto;
  border-collapse: collapse;
}

[class*=mail-col] {
  padding-right: $mail-gap;
  padding-left: $mail-gap;
  vertical-align: top;

  &.-first {
    padding-left: 0;
  }

  &.-last {
    padding-right: 0;
  }

  &.-align-middle {
    vertical-align: middle;
  }
}

.mail-col-1 {
  width: 100%;
}

.mail-col-1-2 {
  width: 50%;
}

.mail-col-1-3 {
  width: 33.33%;
}

.mail-col-2-3 {
  width: 66.66%;
}

.mail-col-3-4 {
  width: 75%;
}

.mail-col-1-4 {
  width: 25%;
}