Проблемы с логотипом и ссылками. Как подстроить под себя меню Bootstrap?

Question

[freeman0204]

Нужно сверстать такое меню.
screenshot.ru/447eed299f64d15ac6b919164ff82c41
Сначала думал сверстать без Bootstrap ну так как лендинг решился верстать с ним.
Дали ссылку на подобное меню bootsnipp.com/snippets/featured/navbar-brand-centered

Вот что у меня получилось bootsnipp.com/user/snippets/KB8W4
1. Откуда у меня отступ у логотипа сверху?
2. Как мне подвинуть ссылки ближе к центру, к логотипу как на макете?
3. Как убрать фон стандартного меню бутсрапа?
4. Почему не работает сворачивание меню когда появляется кнопка? Жму, разворачивается а сворачивается не хочет.

Не могу понять что это за код?

.navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }