Less margin/padding on smaller screens

Currently:

I'd like less margin on smaller screens.

The padding comes from here:

Lines 58 to 61 in dcdb8aa

    
           section.body { 
        
               padding: 0.5em 2em; 
        
               max-width: 800px; 
        
           }

1em looks better - I'll set that for widths smaller than 600px.

@media (max-width: 600px) {
    section.body {
        padding: 0em 1em;
    }
}

Oh this will take a while, it's going to regenerate every screenshot!

I need to align the heading in the purple strip too.

Better!