Западает текст на след.блок

Подскажите как исправить? когда уменьшаю, текст с верхнего блока западает на нижний( [![введите сюда описание изображения][1]][1]

[1]: https://i.stack.imgur.com/EK3Ax.jpg`.block7 { margin: auto; max-width: 1170px; height: 615px; background: url(../img/background7.png) no-repeat;
}

.text11 { font-family: Roboto; color: #0a0a0b; font-size: 36px; font-weight: 300; text-align: left; padding-top: 100px; padding-left: 100px; }

.text12 { font-family: Roboto; color: #0a0a0b; font-size: 18px; font-weight: 100; text-align: left; padding-top: 30px; padding-left: 100px;
}

                            /*---BLOCK---8*/

.block8 { margin: auto; max-width: 1170px; height: 1090px; background: url(../img/background8.png) no-repeat;

}

.text13 { font-family: Roboto; color: #0a0a0b; font-size: 30px; font-weight: 300; text-align: center; padding-top: 32px;
}

.text14 { font-family: Roboto; color: #0a0a0b; font-size: 17px; font-weight: 100; text-align: center; padding-top: 30px;
} `