I figured out why my header wouldn't center, seems like there's not a class in the CSS for Header 4, so when I gave it a class that some of the other headers have it centered.
But I am trying to center a modal button, I have tried putting it in a container and have tried to center the element,column and row and still can't get it, I've been able to diagnose the codes to correct some missing
</div>
<div class="container">
codes but have uploaded the page so may times I can't see straight
.
Here is the section of code where the button is(the modal works great with form in it)

<div class="container container-6">
<div class="html-element"><!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg custom" data-toggle="modal" data-target="#myModalv1">
Volunteer Application
</button>

<!-- Modal -->
<div class="modal fade" id="myModalv1" tabindex="-1" role="dialog" aria-labelledby="myModal26Label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalv1Label">Volunteer Application</h4>
</div>
<div class="modal-body">

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"12%2520Stone%2520Volunteer.php" + window.location.search + "\" width=\"100%\" height=\"559\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"12%2520Stone%2520Volunteer.php\" title=\"12%2520Stone%2520Volunteer\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe height="559" style="border:none; background:transparent; overflow:hidden; width:100%;"
id="fb_iframe" src="12%20Stone%20Volunteer/12%20Stone%20Volunteer.html">
<a href="12%20Stone%20Volunteer.php" title="12%20Stone%20Volunteer">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div></div>
</div>
</div>
</main>
<div class="row">
<div class="coffee-span-12">
<div class="subgrid">

Thanks,
Rick

So I added this to the Volunteer button code line, an it seems like it fixed it...
I'm using "The Coast" theme.

<p class="paragraph vibe-p">
</p>

<p class="paragraph vibe-p"><button type="button" class="btn btn-primary btn-lg custom" data-toggle="modal" data-target="#myModalv1">
Volunteer Application
</button></p>

Not sure why I couldn't get RSD to do it, but since I am learning to study and read the code I'll take it any way I can get it.