You have some spacing issues in your html.
<div id = "top "class = "container-fluid row col-sm-8">
<div id="top" class="container-fluid row col-sm-8">
Note the space before
class. Once I changed this, your padding worked.
But, before you run away to try it… I’d recommend a change in your code. By changing
<h2 id="location"></h2><h2 id="region"><h2> to something like
<h2><span id="location"></span><span id="region"></span></h2> you should be able to style it easier while still having the same JS code.