Анатолий

Никак от этого не защититься. Если браузер показывает страницу, значит он ее может откуда-то прочитать, а именно ваш сервер отдал браузеру все необходимые для этого элементы: HTML, CSS, JS.

Конечно можно прибегнуть к очень приятным на глаз способам, таким как обфусцирование или перехват F12/Ctr+U, но от настоящих профессионалов это не спасет.

Например, так.

Вы удаляете .curry до того, как объект исчез (ну, или нет. сори - не очень шарю в jquery).
Решение: поставить удаление .curry в callback функции fadeOut, чтобы класс удалялся только после полного исчезновения.
Клик

P.S.: Но в этом случае быстро листать не получится :)

Фрилансим, FL

filter: blur(5px);
Клик

Чисто догадка, но border скорее всего как-то влияет на это.
line-height: 88px; (т.к. сумма border = 2)

UPD: как писали, вы забыли про заглавные буквы
клик

Ставить блокам фиксированную ширину (не в %, а в px, например).
https://jsfiddle.net/fj70gx8q/5/

Сам CSS подключён правильно?

Во-первых, попробуйте заключить путь в одинарные кавычки.
background-image: url('../images/WKR8byV.png');

Во-вторых, веб-сервер настроен правильно?

Caniuse

Flexbox?

Media запросы в CSS, flexbox/float

можно уже переходить на flexbox

Не можно, а нужно. Bootstrap 4 разрабатывается на flexbox, так что делайте выводы :)

Можно сделать вообще без animation.

$(document).ready(function() {
    $("a").click(function () {
        var elementClick = $(this).attr("href")
        var destination = $(elementClick).offset().top - $('.top_header').height();
        jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 800);
        return false;
    });
});

Ну и как-то якорей я у вас не заметил. Для нормального перехода каждому якорю требуется дать имя.

<a href="#qwerty">К якорю</a>
<div id="qwerty">123</div>