title: Increase height of jumbotron
body: <p>I want to increase height of my jumbotron without giving it in class because then it will be no more responsive.
  I wanna make <a href="https://www.screencast.com/t/SzEPL5mDnVo0" rel="nofollow noreferrer">this</a>. But mine look like <a href="https://www.screencast.com/t/USGYgyq55e" rel="nofollow noreferrer">this</a></p>
  
  <p>Here is my code
  Html:</p>
  
  <pre><code>&lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="jumbotron"&gt;
                      &lt;div class="col-md-10"&gt;
                          &lt;h2 class="meeting_heading"&gt;MeetingResult is dedicated to ridding the world of ineffective, under-performing and outright wasteful business meetings.&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;div class="col-ms-2"&gt;
                          &lt;button type="button" class="btn btn-default btn-lg btn-custom"&gt;Learn More&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.container 
  {
      width:87%;
  }
  .jumbotron
  {
      box-shadow: inset 0px -8px 0 rgba(0, 0, 0, 0.1);
      border-radius: 13px;
      background-color: #FAFAFA;
      min-height:300px;
  }
  .btn-custom
  {
      width: 152px;
      background-color: #1abc9c;
      border: none;
      color:#ffffff;
      font-size: 21.994px;
      line-height: 22px;
      padding: 15px 20px 16px;
      position: relative;
      top: 13px;
      right: 4px;
  }
  </code></pre>