Евгений Перин

#main-menu li a:hover {
  color: #b2b935;
  text-decoration: none;
}

Попробуй заменить на

#main-menu>li a:hover {
  color: #b2b935;
  text-decoration: none;
}

Вроде так:

.fixed-plashka:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  filter: blur(5px); 
  -webkit-filter: blur(6px); 
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: url(#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}

Но с таким фоном не сильно будет заметен эффект

Варианты:
1) background-image
2) fontawesome.io или другой иконочный шрифт
3) img + float:left (вариаций много)
4) Одной картинкой
......

Я думаю можно найти в интернете. Мне так кажется

А почему не сделать ссылку вокруг блока item?
Не знаю, влияет ли, но зачем именно так?

Если вы еще не умеете грамотно верстать, попробуйте bootstrap. Посмотрите по нему уроки. Там проще будет понять позиционирование и тд. А после бутстрапа продолжите изучение css более глубоко.