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

[GCHQ-Developer-465]

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 and Component Gallery 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 and Component Gallery 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
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
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.