Rearranging NavBar elements

Hello,

I am trying to rearrange the three main elements of the NavBar. While keeping the logo in the default position flushed to the left, I would like to:

1. Align the Menu below and in the center of the NavBar, so it is centered relative to the NavBar.
2. Align the Tagline to the left of the NavBar, so it is flush with the left edge of the NavBar.
– currently, my one-sentence Tagline is broken over two lines. How do I keep it
together as one line?
3. Align Social icons to the right of the NavBar, so they are flush with the right edge of the NavBar.

Here’s my website: https://www.imuproject.org/

I’ve already moved the Menu below the NavBar and removed Navbar border, shading and background. But that’s where I got stuck. Here’s the code that I’ve parsed together from other forum posts and code snippets:

.tc-header, .navbar.notresp .navbar-inner  {
background-color:   #319BDA;
}

/* Moves menu below NavBar  */
.navbar .nav > li > a {
position:     relative;
top:          10px;
}
.navbar .navbar-inner {
max-height:     20px;
}

/* Removes NavBar box and shadow  */
.home .navbar .navbar-inner {
    box-shadow: none;
    background: none;
}

.navbar.notresp .nav > li > a {
color: white;
}

Any help would be greatly appreciated!
Mihael