update doc.css: fix spacing on small screens

Between 991px and 769px (ie, when snapped to the side on my screen) the sup-header obscures the main body. Change the top maring of the main-body-grid to be 30px lower than normal (150px), and since the grid-left is at a fixed position, this needs to be lowered as well.