@mixin add-responsive-site-margins {

@include u-padding-x($theme-site-margins-mobile-width);
@include at-media($theme-site-margins-breakpoint) {
  @include u-padding-x($theme-site-margins-width);
}

}