<div class="container">
<div class="row row-flex">
<div class="col-sm-6">
<p class="int_text">текст</p>
<button class="int_button int_button-r">Скачать презентацию</button>
</div>
<div class="col-sm-6">
<p class="int_text">текст</p>
<button class="int_button">Download presentation (eng)</button>
</div>
</div>
</div>
.row-flex { display: flex; flex-wrap: wrap; justify-content: center; }
На узких разрешениях все блоки становятся одинаковыми квадратиками и занимают всё пространство блока. И в случае с колонками получится, что в первой колонке 4 элемента, а во второй 1 и куча пустого места под ним.
Мне нравится эта штука. Напишешь на тостер что-нибудь, как доделаешь до конца?)