title: CSS background image is not working
body: <p>I have a problem with a CSS background image that will not show, can anyone se why it will not show the image? i cant figure it out myself.</p>
  
  <pre><code>    &lt;!-- Section: services --&gt;
  &lt;section id="service" class="home-section text-center bg-gray"&gt;
  
      &lt;div class="heading-about"&gt;
          &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-8 col-lg-offset-2"&gt;
                  &lt;div class="wow bounceInDown" data-wow-delay="0.4s"&gt;
                  &lt;div class="section-heading"&gt;
                  &lt;h2&gt;SCHEMA!&lt;/h2&gt;
                  &lt;i class="fa fa-2x fa-angle-down"&gt;&lt;/i&gt;
  
                  &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;br&gt;TEST&lt;br&gt;
  
              &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;      
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;!-- /Section: services --&gt;
  
  .service {
  width:100%;
  
  position:relative;
  
  background: url(../img/bg2.jpg) no-repeat top center;
  }
  </code></pre>