Вопросы по верстке

Всем салют. Немного изучаю вёрстку на уровне чайника, поэтому возникают вопросы, некоторые могу решить методом научного гуглирования, некоторые не могу, поэтому надеюсь вы мне поможете.
Собственно постараюсь объяснить свою проблему. Есть на скрине 3 блока (их я назвал одинаковыми цифрами, чтобы не путались вы) блок1, блок2, блок3.
Каждый из блоков должен прилипать друг к другу по вертикали (К блоку один снизу должен прилипнуть блок2, а к блоку 2 в свою очередь блок 3). Это было бы легко решить если бы блоки были фиксированные, но они адаптивные имеют ширину в процентах и height:auto;
Как сделать так, чтобы блок3 прилипал к блоку2, а то у меня выходит что он прилипает только к блоку 1 и залазиет под блок 2. На скрине показан отступ блока 3 от блока 2, его нужно и убрать какраз.

 

В данном случае блок .text должен прилипнуть к блоку .slider, чтобы при изменении ширины(width:100%) и высотой auto картинки уменьшаются в размере, а блок 3 (с текстом) увеличивает отступ.

Спойлер

@media screen and (max-width:980px) {
.wrap {
max-width: 100%;
height:auto;

}
.banner img {
height:auto;
width: 100%;
display: block;
}
.textbox img {
height: auto;
width: 100%;
display: block;

margin-top: auto;
}
.slider {
height: auto;
width: 100%;
display: block;


}
.text{

height:auto;
display: block;

}
.textleft {
color: #515151;
margin-top: 40px;
margin-left: 80px;
width: 44%;
display: inline-block;
float: left;
font-family: 'Montserrat', sans-serif;
}
.textright {
color: #515151;
margin-top: 40px;
margin-left: 10px;

display: inline-block;
float: left;
width: 44%;
font-family: 'Montserrat', sans-serif;
padding-right: 10px;
}
}