title: How to center divs in row?
body: <p>I'm trying to get these divs to center on the page. As you can see there's some white space on the right side. I've tried manipulating the box model, namely the margin and padding, but can't figure out how to manipulate that right side. Is it the fact that I'm using col-md-5?</p>
  
  <p><a href="https://i.stack.imgur.com/BxEDx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BxEDx.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
        &lt;link rel="stylesheet" href="animate.min.css"&gt;
        &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"&gt;
        &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
        &lt;link href="style.css" rel="stylesheet"&gt;
        &lt;link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Roboto|Merriweather|Europa"&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class = "header"&gt;
  &lt;div class ="container-fluid"&gt;
  &lt;h1 id = "firstName"&gt;Header&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  &lt;div class = "col-md-5"&gt;tile 1&lt;/div&gt;
  &lt;div class = "col-md-5"&gt;tile 2&lt;/div&gt;
  &lt;div class = "col-md-5"&gt;tile 1&lt;/div&gt;
  &lt;div class = "col-md-5"&gt;tile 2&lt;/div&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/main.js"&gt;&lt;/script&gt;
  
  html, body {
  font-family:;
  margin:0 auto;
  padding:0px;
  text-transform: none;
  font-family: Europa;
  letter-spacing: 0.5px;
  }
  
  .header h1 {
    background-color: none;
    margin: 30px;
  }
  
  .row {
    margin: 0 auto;
  }
  .container-fluid {
    padding:0;
    margin:0 auto;
  }
  
  .col-md-5 {
    background-color: red;
    margin: 30px;
    width:%;
    text-align:center;
  }
  </code></pre>