Помогите с версткой пожалуйста

Делаю одностраничный сайт и фон делаю из нескольких фотографий расположенных друг под другом и каждая заключена в div. Проблема заключается в том, что при уменьшении окна браузера, расстояние между картинками увеличивается. Как сделать чтобы при уменьшении окна фотографии маштабировались, а расстояние между ними не менялось?
Вот код:





















css:

body {

margin: 0px;

padding: 0px;

background-color: #000;

}

.fon {

height:100%;

width:100%;

z-index:1;

min-width:1000px;

max-width:1600px;

}

.fon1{

height:auto;

width:100%;

position:absolute;

}

.ll{

padding-top: 62.7%;

}