.pt-small {
  padding-top: 10px; }
  @media screen and (min-width: 576px) {
    .pt-small {
      padding-top: 20px; } }
  @media screen and (min-width: 1200px) {
    .pt-small {
      padding-top: 30px; } }

.pl-small {
  padding-left: 10px; }
  @media screen and (min-width: 576px) {
    .pl-small {
      padding-left: 20px; } }
  @media screen and (min-width: 1200px) {
    .pl-small {
      padding-left: 30px; } }

.pb-small {
  padding-bottom: 10px; }
  @media screen and (min-width: 576px) {
    .pb-small {
      padding-bottom: 20px; } }
  @media screen and (min-width: 1200px) {
    .pb-small {
      padding-bottom: 30px; } }

.pr-small {
  padding-right: 10px; }
  @media screen and (min-width: 576px) {
    .pr-small {
      padding-right: 20px; } }
  @media screen and (min-width: 1200px) {
    .pr-small {
      padding-right: 30px; } }

.pt-medium {
  padding-top: 20px; }
  @media screen and (min-width: 576px) {
    .pt-medium {
      padding-top: 30px; } }
  @media screen and (min-width: 1200px) {
    .pt-medium {
      padding-top: 40px; } }

.pl-medium {
  padding-left: 20px; }
  @media screen and (min-width: 576px) {
    .pl-medium {
      padding-left: 30px; } }
  @media screen and (min-width: 1200px) {
    .pl-medium {
      padding-left: 40px; } }

.pb-medium {
  padding-bottom: 20px; }
  @media screen and (min-width: 576px) {
    .pb-medium {
      padding-bottom: 30px; } }
  @media screen and (min-width: 1200px) {
    .pb-medium {
      padding-bottom: 40px; } }

.pr-medium {
  padding-right: 20px; }
  @media screen and (min-width: 576px) {
    .pr-medium {
      padding-right: 30px; } }
  @media screen and (min-width: 1200px) {
    .pr-medium {
      padding-right: 40px; } }

.pt-large {
  padding-top: 30px; }
  @media screen and (min-width: 576px) {
    .pt-large {
      padding-top: 40px; } }
  @media screen and (min-width: 1200px) {
    .pt-large {
      padding-top: 50px; } }

.pl-large {
  padding-left: 30px; }
  @media screen and (min-width: 576px) {
    .pl-large {
      padding-left: 40px; } }
  @media screen and (min-width: 1200px) {
    .pl-large {
      padding-left: 50px; } }

.pb-large {
  padding-bottom: 30px; }
  @media screen and (min-width: 576px) {
    .pb-large {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1200px) {
    .pb-large {
      padding-bottom: 50px; } }

.pr-large {
  padding-right: 30px; }
  @media screen and (min-width: 576px) {
    .pr-large {
      padding-right: 40px; } }
  @media screen and (min-width: 1200px) {
    .pr-large {
      padding-right: 50px; } }

/*# sourceMappingURL=spacesize.css.map */
