Evgenij_nechujveter

Можно задать минимальную высоту контента, который перед кнопкой.
Можно с помощью JS задавать высоту контента и делать в остальных карточках как у самой большой.

попробуйте плагин

<a href="{ссылка_на_файл}" download>Скачать</a>

.t25{
    clear: both;
    text-align:center;
}

или перед t25

<div style="clear:both"></div>
<div class="t25"> ...</div>

и
text-align:center;

span По умолчанию стоит display:inline;

Поставь ему display: block;

hover жеж
в данном случае меняется цвет нижнего border

Проще и лучше указать для подзаголовков min-height, равный font-size * line-height * 2.

Неправильный подход. Скорее верно так:

.s5 .col-xs-12:first-child h4 {margin-bottom:30px;}

Или

.s5 .col-xs-12:nth-child(1) h4 {margin-bottom:30px;}
.s5 .col-xs-12:nth-child(2) h4 {margin-bottom:15px;}

А в вашем коде Вы обращаетесь к каждому классу s5__block и в нем уже ищите первый h4 и применяете

Добавить в CSS:

.s5__block h4 {
min-height: 63px;
}

Тогда заголовок будет минимум высоты 63 пикселя. Входит две строки текста. Абзацы снизу все выстроятся по линии. Если заголовок будет 3 строки, тогда этот блок сдвинется пониже остальных.

Для .container пропишите margin: 0 auto;

.container {
width: 270px;
text-align: center;
margin: 0 auto;
}

div.class1.class2

Разделяешь точкой, получаешь < div class="class1 class2" > < /div >

https://jsfiddle.net/9mtL7ejh/2/

.advantages:hover > .order-numb strong{
color:#ccc;
}

.advantages:hover > .order-text em{
  color:red;
}

https://jsfiddle.net/9mtL7ejh/1/