body { font-family: sans-serif; color: #333; background-color: #eee; font-size: 1.1em; } a { color: #777; text-decoration-style: dotted; } a:hover { text-decoration-style: solid; } article, footer { width: 50%; max-width: 1000px; min-width: 500px; margin: 0 auto; line-height: 1.4em; } @media only screen and (max-width:550px){ article, footer { min-width:0; width:100%; } } h1 { text-align: center; font-size: 3em; font-weight: 200; font-family: serif; } ul { list-style-type: none; } ul.compact { padding: 0; } ul li { margin-top: 5px; }