Нижний колонтитул в адаптивном дизайне CSS

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">

<footer class="carcas-portala">
  <div class="container">
  <div class="row">
  <div class="col-md-6 col-lg-4">
  <div class="posagum1">
  <div class="logo">
  <img src="http://zornet.ru/ABVUN/Abaavag/4598469.png" class="img-fluid" alt="">
  </div>
  <p>
Если вы используете инструмент управления социальными сетями, такой как Buffer, Sendible или Hootsuite, вы действительно сможете найти этот отчет без каких-либо дополнительных усилий с вашей стороны.
  </p>
  <div class="socialLinks">
  <ul>
  <li>
  <a href="#">
  <i class="fab fa-facebook-f"></i>
  </a>
  </li>
  <li>
  <a href="#">
  <i class="fab fa-twitter"></i>
  </a>
  </li>
  <li>
  <a href="#">
  <i class="fab fa-linkedin-in"></i>
  </a>
  </li>
  <li>
  <a href="#">
  <i class="fab fa-google-plus-g"></i>
  </a>
  </li>
  </ul>
  </div>
  </div>
  </div>
  <div class="col-md-6 col-lg-4">
  <div class="posagum2">
  <h5>
  Новостной блог
  </h5>
  <div class="media">
  <img class="img-fluid" src="http://zornet.ru/_fr/85/9588077.jpg" alt="">
  <div class="media-body d-flex align-self-center">
  <div class="content">
  <a href="#">
  <p>
  Как повысить активность на своей бизнес-странице
  </p>
  </a>
  <span>
  Aug 17, 2019
  </span>
  </div>
  </div>
  </div>
  <div class="media">
  <img class="img-fluid" src="http://zornet.ru/_fr/85/1054832.jpg" alt="">
  <div class="media-body d-flex align-self-center">
  <div class="content">
  <a href="#">
  <p>
  Публикуйте, когда ваши поклонники онлайн
  </p>
  </a>
  <span>
  Aug 17, 2019
  </span>
  </div>
  </div>
  </div>
  </div>
  </div>
  <div class="col-sm-6 col-lg-2">
  <div class="posagum3">
  <h5>
  Ссылки
  </h5>
  <ul>
  <li>
  <a href="#">
  Главная
  </a>
  </li>
  <li>
  <a href="#">
  Скрипты
  </a>
  </li>
  <li>
  <a href="#">
  Контакты
  </a>
  </li>
  <li>
  <a href="#">
  Шаблоны
  </a>
  </li>
  <li>
  <a href="#">
  Дизайн
  </a>
  </li>
  <li>
  <a href="#">
  Стили
  </a>
  </li>
  </ul>
  </div>
  </div>
  <div class="col-sm-6 col-lg-2">
  <div class="posagum4">
  <h5>
  Запросы
  </h5>
  <ul>
  <li>
  <a href="#">
  Переходы
  </a>
  </li>
  <li>
  <a href="#">
  Растровые
  </a>
  </li>
  <li>
  <a href="#">
  Главные
  </a>
  </li>
  <li>
  <a href="#">
  Продление
  </a>
  </li>
  <li>
  <a href="#">
  Загрузка
  </a>
  </li>
  <li>
  <a href="#">
  Создание
  </a>
  </li>
  </ul>
  </div>
  </div>
  </div>
  </div>
  <div class="kisadunuga">
  <div class="container">
  <div class="row">
  <div class="col-12 text-center">
  <p>© Авторское право Все права защищены 2019.</p>
  </div>
  </div>
  </div>
  </div>
  </footer>

.carcas-portala {
  padding: 100px 0px 0px;
  background-color: #11161f;
}

.carcas-portala .posagum1 p {
  font-size: 16px;
  color: rgba(249, 249, 249, 0.6);
  margin-top: 26px;
}

.carcas-portala .socialLinks {
  margin-top: 28px;
}

.socialLinks ul li {
  display: inline-block;
}

.socialLinks ul li a i {
  display: block;
  margin: 0 2px;
  width: 40px;
  height: 40px;
  background: #fdf4f4;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.socialLinks ul li a .fa-facebook-f {
  color: #375490;
}

.socialLinks ul li a .fa-twitter {
  color: #0d89d6;
}

.socialLinks ul li a .fa-google-plus-g {
  color: #cc3e32;
}

.socialLinks ul li a .fa-linkedin-in {
  color: #1273a7;
}

.socialLinks ul li a:hover i {
  color: #edf2fb;
}

.socialLinks ul li a:hover .fa-facebook-f {
  background: #4e7bd6;
}

.socialLinks ul li a:hover .fa-twitter {
  background: #079af5;
}

.socialLinks ul li a:hover .fa-google-plus-g {
  background: #ec4638;
}

.socialLinks ul li a:hover .fa-linkedin-in {
  background: #1273a7;
}
footer .logo {
  max-width: 217px;
}

.carcas-portala h5 {
  font-weight: 500;
  margin-bottom: 28px;
  text-transform: capitalize;
  font-weight: 600;
  color: #f5f7f9;
  font-size: 21px
}

.carcas-portala .posagum2 .media img {
  margin-right: 20px;
  max-width: 100px;
}
.carcas-portala .posagum2 .media p {
  font-size: 16px;
  color: rgba(239, 239, 239, 0.8);;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  font-weight: 600;
  line-height: 26px;
}

.carcas-portala .posagum2 .media span {
  font-size: 12px;
  color: #ffb606;
  text-transform: uppercase;
  margin-top: 15px;
  display: block;
}

.carcas-portala .posagum2 .media {
  margin-bottom: 20px;
}

.carcas-portala .posagum3 ul li a,
.carcas-portala .posagum4 ul li a {
  font-size: 16px;
  color: rgba(249, 249, 249, .6);;
  text-transform: capitalize;
  margin-bottom: 13px;
  display: block;
}

.carcas-portala .posagum3 ul li a:hover,
.carcas-portala .posagum4 ul li a:hover,
.carcas-portala .posagum2 a:hover p {
  color: #ffb606;
}

.carcas-portala .posagum3 h5 {
  margin-bottom: 22px;
  font-weight: 600;
  color: #fcfdff;
  font-size: 21px;
  line-height: 32px;
}

.carcas-portala .posagum4 h5 {
  margin-bottom: 22px;
  font-weight: 600;
  color: #fcfdff;
  font-size: 21px;
}

.kisadunuga {
  margin-top: 76px;
  border-top: 1px solid rgba(253, 253, 253, 0.19);
  padding: 28px 0px 30px;
  background: #101319;
}

.kisadunuga p {
  color: rgba(249, 249, 249, 0.6);
}