revised for easier layout with flexbox

issues: margin top of content div