<p>текст</p> все оборачивал, а в таблице стилей укажите шрифт для р 16 px.p{font-size:16px;}
RewriteRule ^old-page.html$ new-page.html [R=301,NC,L]<footer>
<div class="container-fluid">
<div class="row footer-back">
<div class="container">
<div class="footer">
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li></li>
<li>
<ul class="social">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<p>Мы принимаем к оплате</p>
<ul class="sale-card">
<li><img src="src/images/png/visa.png" alt=""></li>
<li><img src="src/images/png/mastercard.png" alt=""></li>
<li><img src="src/images/png/yandexmoney.png" alt=""></li>
</ul>
</div>
</div>
</footer><footer class="footer-back">
<div class="container">
<div class="row">
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
<div class="col-md-3">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div><--/row-->
</div><--/container-->
<div class="container-fluid">
<p>Мы принимаем к оплате</p>
<ul class="sale-card">
<li><img src="src/images/png/visa.png" alt=""></li>
<li><img src="src/images/png/mastercard.png" alt=""></li>
<li><img src="src/images/png/yandexmoney.png" alt=""></li>
</ul>
</div><--/container-fluid-->
</footer>.row.my{padding-right:30px !important;padding-left:30px !important}
.col-lg-1.my,.col-lg-10.my,.col-lg-11.my,.col-lg-12.my,.col-lg-2.my,.col-lg-3.my,.col-lg-4.my,.col-lg-5.my,.col-lg-6.my,.col-lg-7.my,.col-lg-8.my,.col-lg-9.my,.col-md-1.my,.col-md-10.my,.col-md-11.my,.col-md-12.my,.col-md-2.my,.col-md-3.my,.col-md-4.my,.col-md-5.my,.col-md-6.my,.col-md-7.my,.col-md-8.my,.col-md-9.my,.col-sm-1.my,.col-sm-10.my,.col-sm-11.my,.col-sm-12.my,.col-sm-2.my,.col-sm-3.my,.col-sm-4.my,.col-sm-5.my,.col-sm-6.my,.col-sm-7.my,.col-sm-8.my,.col-sm-9.my,.col-xs-1.my,.col-xs-10.my,.col-xs-11.my,.col-xs-12.my,.col-xs-2.my,.col-xs-3.my,.col-xs-4.my,.col-xs-5.my,.col-xs-6.my,.col-xs-7.my,.col-xs-8.my,.col-xs-9.my{padding-right:30px !important;padding-left:30px !important}<div class="container">
<div class="row my">
<div class="col-md-8 my">
<p>test</p>
</div>
<div class="col-md-4 my">
<p>test</p>
</div>
</div>
</div>@media (min-width:769px){
CSS код
}