Иван Дрожжин

У Вас проблема тут:

#header ul {
    list-style: none;
    float: left;
    margin-left: 3%;
  margin-right: 1%;
  margin: center;
}

У этого правила приоритет выше чем у:

.pook {
  float: right;
}

По-этому не применяется правило float: right;
Попробуйте задать для первого ul класс и прописать стили через него, а не используя конструкцию #header ul
Вообще плохая привычка задавать стили через id, для этого нужно использовать классы. Лучше присвоить каждому тегу по классу, чем 1 раз упомянуть конструкцию #header ul.
Не делайте так)

используйте rgba() или hsla()
Задайте цвет, напрмер так:
background-color: rgba(39,47,51, 0.5);
или так:
background-color: hsla(200,13%,17%, 0.5);
Где 0,5 будет прозрачность Вашего фона.
Подробнее можно узнать тут.

Я нашел решение проблемы!)
Все что нужно - это прописать:

.block {
  background: url(../img/bg-head.jpg) no-repeat top center;

И BG-Size убираем, соответсвенно.