Для всех своих целей по адаптиву странице и её конкретных элементов используйте медиа-запросы.
К примеру:
@media only screen and (max-width: 991px) {
.text {
font-size:14px;
}
}
В данном примере при разрешении в от 991 и меньше будет применен для класса text размер шрифта 14px.
По аналогии можно сделать и вашу задачку.
Здесь, можете почитать про медиа-запросы:
htmlbook.ru/css/value/media 
