Добрый день. Только учусь верстке и столкнулся с проблемой. Есть макет шириной 1600px. Есть изображение (1600х900), которое хочу использовать как фон в блоке header. Выставляю значение высоты и ширины блока как и изображение. Но при изменении окна браузера, изображение как бы обрезается слева и не полностью помещается в окно браузера. Пробовал использовать background-size, но не помогло.
Подскажите, как сделать, чтобы при изменении ширины окна браузера блок header изменял свою высоту и ширину в равных пропорциях? То есть был постоянно полностью виден во вьюпорте.
Код прилагаю.
codepen.io/minor110/pen/VezJeZ?editors=010 
Простой
