Add padding between title and tagline

Hello, 

I've added a small tagline below my title, but the padding between the title and nav menu seems off.  My website is here

Here's the css I used for the tagline: 
 

/* ---- Header Tagline ---- */
.header-title:after {content:"Text goes here"}

What could I add to this to make the padding consistent? I basically just need the same padding that it has between the tagline and menu so it looks consistent. 

EDIT: Solved, I added the following code:
 

/* ---- Header Tagline ---- */
.header-title:after {
  content: 'Text goes here';
  font-size: 14px;
  padding-top: 5px;
  color: #5E5E5E;
  display: block;
}

Thank you!

You can use this code to Website Tools > Custom CSS

Quote

.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    margin-top: 21px !important;
}