Поскольку вы используете bootstrap 4, в нем нет класса с col-xs-*, вместо этого вы можете просто использовать col-*, например col-4, чтобы охватить столбец для сетки с 4 шириной на очень маленьких устройствах.
Во-вторых, поскольку весь контент в этих двух столбцах, содержимое имеет inline, поэтому вы можете легко центрировать его, используя text-align:center;, в основном div в медиа-запросе для маленького экрана, например:
@media only screen and (max-width: 576px) {
.footer-section {
text-align: center;
}
}
Надеюсь, это поможет.