Details, details

-footer: media for dot
-nav: aligning content