title: Main image to appear in center
body: <p>I am working on this page : 
  <a href="http://tinyurl.com/ok9wzro" rel="nofollow">http://tinyurl.com/ok9wzro</a></p>
  
  <p>The main image (building) is shifted on left side.  I want it to be well aligned (in center) with content coming below.
  I want it to be appear similar on all screen sizes.</p>
  
  <p>Any help would be highly appreciated.</p>
  
  <p>Thanks..</p>
  
  <p>Sorry for the link, it is running on our intranet only. This is my code : </p>
  
  <pre><code> &lt;header style="background-image:none; background-size: none;background-color:#fff; height:410px;border-bottom:none" &gt;
      &lt;div style="width: 76%; margin: auto;"&gt;
          &lt;div style="float: left; width: 8.5%;"&gt;&lt;/div&gt;
          &lt;div style="float: left; width: 83%; display: table;margin: 0 auto;"&gt;
              &lt;img src="http://abcde.com/images/image.jpg" style="display: block; margin-left: auto;margin-right: auto" width="" /&gt;   
              &lt;div class="outer-wrapper" style="padding:6% 1% 1% 18%; position:absolute"&gt;
                       &lt;div class="title" style="min-height: 0px; width: 66.15254%; position:absolute;margin-left:0px"&gt;
                          &lt;hgroup&gt;
                            % if homepage_overlay_html:
                              ${homepage_overlay_html}
                            % else:
                              % if self.stanford_theme_enabled():
                                &lt;h1&gt;${_("Free courses from &lt;strong&gt;{university_name}&lt;/strong&gt;").format(university_name="VU")}&lt;/h1&gt;
                              % else:
                                &lt;h2&gt;${_("Some text here")}&lt;/h2&gt;
                              % endif
                                &lt;h2&gt;${_("For anyone, anywhere, anytime")}&lt;/h2&gt;
                            % endif
                          &lt;/hgroup&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;div style="float: left; width: 8.5%;"&gt;&lt;/div&gt;
          &lt;br style="clear: left;" /&gt;
      &lt;/div&gt;
    &lt;/header&gt;
  </code></pre>