body { background : #fff; margin : 0; border : 0; padding : 0; }

#content { width : 92%; max-width : 33em; margin : 4em auto 1.5em; }

#header { margin : 1em 0; }

#header, #footer { transform: rotate(1.5deg); }

@media only screen and (min-width : 559px) and (max-width : 638px)
{
#content { font-size : 0.875em; }

#header { margin-top : 0.75em; }
}

@media only screen and (max-width : 558px)
{
#content { font-size : 0.75em; margin : 2.5em auto 1em; }

#header { margin-top : 0.5em; }
}