.container {
  max-width: 960px;
  padding: 0 30px;
  margin: 0 auto;
}

#content {
  padding-top: 40px;

  &:focus {
    outline: 2px solid $yellow-50;
  }

  .inner-block {
    @extend %site-width-container;

    h1 {
      margin: 0;
    }
  }
}

.m-has-sidebar {
  @extend %grid-row;

  .main-content,
  .sidebar {
    @include media(tablet) {
      float: left;
    }
  }

  .main-content {
    @include media(tablet) {
      width: 66%;
      padding-right: 4%;
    }
  }

  .sidebar {
    @include media(tablet) {
      margin-top: 12px;
      width: 30%;
    }
  }
}

.container {
  max-width: 960px;
  padding: 0 30px;
  margin: 0 auto;

  @include media(mobile) {
    padding: 0 15px;
  }
}

#content {
  padding-top: 40px;

  &:focus {
    outline: 2px solid $yellow-50;
  }

  .inner-block {
    @extend %site-width-container;

    h1 {
      margin: 0;
    }
  }
}

.m-has-sidebar {
  @extend %grid-row;

  .main-content,
  .sidebar {
    @include media(tablet) {
      float: left;
    }
  }

  .main-content {
    @include media(tablet) {
      width: 66%;
      padding-right: 4%;
    }
  }

  .sidebar {
    @include media(tablet) {
      margin-top: 12px;
      width: 30%;
    }
  }
}

Fix container padding for phase-banner
FE: Fix container padding for phase-banner
