iBird Rose

пропиши body, html {margin: 0;}

https://css-tricks.com/custom-scrollbars-in-webkit/

https://jsfiddle.net/L6cpzd11/

а мне просто делать нечего было) https://jsfiddle.net/zsor7gyy/7/

делай переход не через якорь, а через jq взяв offset().top элемента к которому переходишь и отнимаешь высоту меню

в одном слайде 2 картинки
data3.floomby.com/files/share/17_2_2017/17/Ra3d4DA...

а в чем проблема то?

$( ".story .link .highslide" ).addClass( "link link_ajax link_theme_normal story__image gw9wsja80d4pldi__image i-bem" );

ну тк вешай событие только на первый уровень. а не для всех ссылок

в media задай для маленьких экранов

section#slider {
    height: auto !important;
}

засунь баланс внутрь navbar-brand
и сразу же видимо нужно сказать что ты можешь спокойно изменить что navbar-brand ссылка. и сделать ее div к примеру. и лучше сразу задать ему стиль inline block; к примеру
а уже внутри сделать 2 ссылки. одна для бренда. другая для баланса

1) подсветка та что щас у тебя - оно и есть. лучше не станет)
2) переменные сам дписыать тоже не будет
3) чтобы всплывашка появлялась при нажатии $ - пропиши в SCSS.sublime-settings

{
    "word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"
}

.xsmall-visible {
    display: block;
  }
  table.xsmall-visibles {
    display: table;
  }
  tr.xsmall-visible {
    display: table-row;
  }
  th.xsmall-visible,
  td.xsmall-visible {
    display: table-cell;
  }

ну логику я надеюсь ты понял