Padding/Margins are not consistent on all pages (smaller breakpoints)

## Summary of the bug

When the size of the screen reaches <768px (smaller breakpoints) the padding is not inline with the page header, thus not following the design guidance and other pages such as the [Homepage](https://design.sis.gov.uk/) and [Component Gallery](https://design.sis.gov.uk/components) page.

Therefore this is inconsistent in the code, ic-section-container seems to have extra padding on a few pages and this effects the smaller breakpoints on all pages apart from the [Homepage](https://design.sis.gov.uk/) and [Component Gallery](https://design.sis.gov.uk/components) page.

## 🪜 How to reproduce

Tell us the steps to reproduce the problem:

Ensure your viewpoint is at 768px or less.

1. Go to page: [Accessibility](https://design.sis.gov.uk/accessibility)
2. See the alignment of the content and the page header not being inline

Then compare it to the Home & Component Gallery page

1. Go to page: [Component Gallery](https://design.sis.gov.uk/components)
2. See the alignment of the content and the page header being inline

## 📸 Screenshots or code


## 🧐 Expected behaviour

The contents should be inline with the page header to follow design guidelines and therefore will be consistent on each page.