Как я могу сделать эту страницу с абсолютной отзывчивостью?

Question

У меня есть некоторые проблемы с отзывчивостью этой страницы:

http://empresariosdesucesso.tv.br/teste-noticias2.php

Я знаю, что могу использовать (минимальная ширина) и (максимальная ширина). Но я ищу что-то более автоматическое, что делает абсолютную отзывчивость.

Есть ли способ сделать это?

Текущий HTML и CSS:

.texto-destaque {
 color: #fff;
 text-transform: uppercase;
}

.destaque1 {
 position: relative;
 margin-top: 10%;
 margin-left: 10%;
 width: 500px;
 height: 400px;
 background-color: #010e5c;
}

<div class="col-md-6">

 <div class="col-md-12">
  <div class="destaque1">
   <span class="desta-txt">
    <center>Destaque</center>
   </span>
  </div>
 </div>
</div>

<div class="col-md-6">

 <div class="col-md-12">
  <div class="destaque2">
   <span class="desta-txt">
    <center>Destaque</center>
   </span>
  </div>
 </div>
 
  <div class="col-md-12">
  <div class="destaque3">
   <span class="desta-txt">
    <center>Destaque</center>
   </span>
  </div>
 </div>
 
</div>