$('.element-with-popup').magnificPopup('open'); // Will open the popup
$('.element-with-popup').magnificPopup('open', 5); // Will open popup with 5th item
+ выбирает первого правого соседа. А так как вы хотите работать не будет, css не умеет вверх по дереву подниматься.
делайте отдельно input, отдельно label и связывайте через for.
Или делайте через js
тут у вас ошибка
background: url(..//img/header_bg.png); no-repeat center top;
после ; не пишется no-repeat center top;
думаю у вас картинка меньшего размера, добавьте ей
background-size: cover;