.section {
  &.section-padding-top {
    padding-top: 40px;
    @media screen and (min-width: 768px) {
      padding-top: 80px;
    }
  }
  &.section-padding-bottom {
    padding-bottom: 40px;
    @media screen and (min-width: 768px) {
      padding-bottom: 80px;
    }
  }
  &.section-padding-top-medium {
    padding-top: 20px;
    @media screen and (min-width: 768px) {
      padding-top: 50px;
    }
  }
  &.section-padding-bottom-medium {
    padding-bottom: 20px;
    @media screen and (min-width: 768px) {
      padding-bottom: 40px;
    }
  }
  &.section-padding-remove-top {
    padding-top: 0;
  }
  &.section-padding-remove-bottom {
    padding-bottom: 0;
  }
}