body { text-align: center; padding: 50px; }
h1 { font-size: 30px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
article { display: block; text-align: left; max-width: 750px; margin: 0 auto; }
header { display: block; text-align: left; max-width: 750px; margin: 0 auto; }
footer { display: block; text-align: left; max-width: 750px; margin: 0 auto; font-size: 16px; }
a { color: #dc8100; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
.center { display: block;  margin-left: auto;  margin-right: auto;  width: 50%; }
img {  max-width: 100%;  height: auto;}

@media only screen and (min-width: 1200px) {
  header {
    margin-bottom: 150px;
  }
}