sutter/helloFront

/** ======================================
 * Layout : Wrapper
 * ======================================= */

.l-wrapper {
  padding-right: $gutter-width;
  padding-left: $gutter-width;
}

/**
* Modifier : Size
* --------------------------------------- */

.l-wrapper--medium {
  @media #{$mobileUp} {
    max-width: $wrap-M-max-width;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-wrapper--small {
  @media #{$mobileUp} {
    max-width: $wrap-S-max-width;
    margin-right: auto;
    margin-left: auto;
  }
}