@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);
  }
}