igumenov

добавьте стиль
input[type=checkbox]{
-webkit-appearance: none;
}

Я бы рекомендовал из ютуба загружать фоновое видео. Он сразу отдает нужный размер и качество от скорости интернета и размера устройства

position: sticky

normalize.css подключать самым первым, затем остальные стили включая Google fonts

brm.io/jquery-match-height-demo

Использую brm.io/jquery-match-height-demo

.owl-nav button span{
font-size: 0;
color: transparent;
}

на сколько я вижу gulp не установлен
ошибка в --global
лишний "-"

Нужно дать css
if(menu.hasClass('open')){
$('html, body').css({
'position': 'fixed',
'height': '100%',
'width': '100%',
'overflow': 'hidden',
});

}else{
$('html, body').removeAttr('style');
}

потому что дочернему элементу нужно указать vertical-align: middle;

.fab{
    font-size: 40px;
    vertical-align: middle;
}

$(".js-sidebar-menu") - это сам сайдбар меню

jQuery(function($){
	$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $(".js-sidebar-menu"); // тут указываем ID элемента 
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			div.hide(); // скрываем его
		}
	});
});