I figured out how to change the position of my center_middle. I went to the main.css file and changed the following lines. The -50% I changed to -62%. This number was selected by trial and error. Now my middle section is spaced exactly the same on the top and bottom.
.region.middle.center {
width: 100%;
text-align: center;
-moz-transform: translateY(-62%);
-o-transform: translateY(-62%);
-webkit-transform: translateY(-62%);
-ms-transform: translateY(-62%);
transform: translateY(-62%);
}
.region.middle.center {
top: 62%;
}