Först ser jag att:
html, body{height: 100%;}
Sedan ser jag först att:
När dessa inaktiveras inuti Inspect Element så försvinner problemet med de förflyttade elementen.
Samtidigt tror jag att tanken är att den vita bakgrundsfärgen ska vara intryckt så att en del av html:s gråa bakgrund syns?
Att då ge html{max-width:100%;} (och stryka height: 100%) och ge body{max-width:95%;} löser inte problemet med bildelementen som klipps längs raderna när webbfönstret förminskas.
Att bara ta bort {max-width: 700px;} för body-selektorn och {height: 100%;} för html- & body-selektorerna löser dock det problemet eftersom du då inte kan se att det klipper. Frågan är om det är den önskade designen eller om den gråa bakgrunden även ska synas på webbplatsens vänster- & högersidor?
EDIT: Några andra sidor verkar också ha samma problem med body{max-width:700px;}. Kan det vara något förinställt för responsiv design? Sidor med sidebar-element verkar ej ha problemet och där finns ingen CSS-regel max-width:700px; för body-selektorn.