Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

[codor01]

Как сделать так, чтобы картинки на сайте (обложка журнала и скрин youtube) были автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

сайт www.moscow.octawa.ru

файл index приложен к сообщению.


style.css

@charset "utf-8";
/* CSS Document */
#header { position:absolute; top:0px; left:0px; min-width:700px;
    max-width:1920px; 
    width:100%;
    height:400px;
    background-image:url(/23134482489_54113a039e_o.jpg);
    background-repeat:repeat; 
    background-size: 50%; }
#head{
  margin-top: 410px;
}
#balloon01{margin-bottom: -10px;
}

Пожалуйста, оформляйте Ваш код согласно правилам.

[Вадим Мошев]

Для нужных картинок пропишите width="100%" в атрибутах или через CSS:
width: 100%.

Для последнего случая можно создать класс

.w100 {
 width: 100%
}

И назначить его обеим картинкам через атрибут class