title: Make a page and its content smaller
body: <p>I have a div called wrapper with this CSS:</p>
  
  <pre><code>   .wrapper {
              width: 960px;
              min-height: 720px;
              margin: 0 auto;
              text-align: center;
              background: url(images/bg-light.png) no-repeat;
              padding-top: 20px;
              }
  </code></pre>
  
  <p>which is located in the body. Body's CSS:</p>
  
  <pre><code>   body { 
          background: #232323 url(images/bg.png) repeat;
          margin: 0;
          padding: 0;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          }
  </code></pre>
  
  <p>There are HTML 5 elements which are displayed in block-level. Here is their CSS:</p>
  
  <pre><code>header, nav, article, section, aside, footer, address {  
          display: block;  
          } 
  </code></pre>
  
  <p>I'm trying to make the whole page smaller. I mean like if you click Ctrl/- in your browser.
  So what's the best way to reduce the size of the page? How to show it as 67%(for instance) of it's size now.</p>