Site and page margins and padding
Widescreen (above 768px)
Left and right margins create a 15px safe zone ensuring elements inside the header, footer as well as the page itself are a minimum of 15px from the edges of the browser.
Mobile (below 768px)
Page width becomes 100% hiding the grey body background colour. The header and footer margins remain.