title: Change background-color of element inside container-fluid
body: <p>How can I change the background color of my h3 element which is nested within a container-fluid element?</p>
  
  <p>I've set a background color for the whole container fluid but I'd like the h3 element to have a different background-color.  I imagine the h3 is underneath the container-fluid but I can't work out how to change the hierarchy.</p>
  
  <p>Here's my html:</p>
  
  <pre><code>&lt;section class="container-fluid" id="portfolio"&gt;
  
  &lt;h3 id="portfolio-title"&gt;PORTFOLIO&lt;/h3&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>.container-fluid {
  padding: 0 !important;
  }
  
  #portfolio-title {
  background-color: #2E3747;
  }
  
  #portfolio {
  background-color: #EFF0F0;
  }
  </code></pre>
  
  <p>Thanks for your help!</p>