In the CSS for the Versatile Banner, there are conflicting margins for .banner-box
.banner-box {
margin: 0 auto;
margin-top: 20px;
}
Unfortunately, this seems to give a double top margin (due to the main-outlet padding) and no margin between the banner and the navigation pills. May I suggest this instead?
.banner-box {
margin: 0 auto 20px;
}