title: Bootstrap 4 white space on right side
body: <p>Can anybody explain me, why I am getting a white space on the right side with Bootstrap 4?</p>
  
  <p>This is the main code block of the page</p>
  
  <pre><code>&lt;main id="intro" role="intro" class="inner text-center"&gt;
      &lt;h2&gt;Lorum Ipsum&lt;/h2&gt;
      &lt;p class="lead"&gt;Register now!&lt;/p&gt;
      &lt;p class="lead"&gt;
        &lt;a href="&lt;?php echo HOME ?&gt;/register" class="btn btn-light btn-lg"&gt;Click here&lt;/a&gt;
      &lt;/p&gt;
  &lt;/main&gt;
  </code></pre>
  
  <p>And the custom CSS</p>
  
  <pre><code>html,
  body,
  header,
  #intro {
    height: 100%;
  }
  
  #intro {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url("../img/intro-1.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    color: #fff;
    padding-top: 250px;
  }
  </code></pre>
  
  <p>If needed I can provide an url to the website.
  thanks for any help!!</p>
  
  <p><strong>EDIT:</strong>
  Here is the website link:
  <a href="http://drohnen-vz.de" rel="nofollow noreferrer">http://drohnen-vz.de</a></p>