body { text-align: center; padding: 30px; font: 20px Helvetica, sans-serif; color: #333; background: #fffddf; }
  h1 { font-size: 50px; color: #5fa310;  }
  h2 {color: #5fa310; font-size: 42px; }
  h4 { color: #5fa310; font-size: 32px;}
  h5 { color: #5fa310; font-size: 22px;}
  article { display: block; text-align: left; max-width: 650px; margin: 0 auto; background: #fffff2cc; padding: 50px; }
  a { color: #dc8100; text-decoration: none; }
  a:hover { color: #333; text-decoration: none; }
  b { color: #5a8b21; } 
  img { max-width:100%; height:auto; }

@media screen and (max-width: 720px) {
  h1 { font-size: 30px; }
  h2 {font-size: 20px; }
  body {
    padding: 10px;
  }
    article {
      padding: 10px;
    }
}