JSFiddle - React, Tailwind, and code Playground

HTML

<div class="jumbotron hidden-print">
  <div class="container">
    <div class="row">
      <div class="col-sm-8 col-md-8 text-center">
        <h1>Jumbotron Contents!</h1>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <p>The rest of the content.</p>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.jumbotron
{
  background-color: #be0f34;
  color: #fff;
  position: relative;
}

.jumbotron h1
{
  color: #fff;
  font-size: 100px;
  text-shadow: 4px 3px 0 #df4566, 9px 8px 0 rgba(0,0,0,0.15);
}

.jumbotron:after
{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;

  background-image:...