JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
<div class="row linha-1">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 texto-bloco">
<div class="texto_projeto_descri">
Optar por remanufaturados é comum em países como os EUA, onde maximizar o investimento sem abrir mão do melhor é fator cultural.<br><br>Pioneira no Brasil na compra de equipamentos usados e na venda de remanufaturados, a NewFitness oferece equipamentos top de linha das melhores marcas completamente renovados e com garantia total, para que você possa adquirir marcas como Life Fitness, Cybex, Precor, Hammer Strength e LeMond, entre outras, com grande economia e toda a segurança da garantia total.<br><br>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 IC">
<img src="http://media.idownloadblog.com/wp-content/uploads/2013/10/Edited-Fall-Photo.jpeg" alt="text" />
</div>
</div>
</div>
<div class="container">
<div class="row linha-2">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 IR">
<img src="http://photocourses.petercox.ie/images/524.jpg" alt="remanufaturamento premium newfitness" />
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 texto-bloco">
<div class="texto_projeto_descri">
<h2>Remanufatura Premium</h2>
Equipamentos de ponta têm estrutura forte, que permite a total restauração. Na Remanufatura Premium NewFitness eles são totalmente desmontados, as partes elétrica e mecânica são revisadas.
</div>
</div>
</div>
</div>
<div class="container">
<div class="row linha-3">
<div...
CSS
img{display:block; width:100%;}
#pg .texto_projeto_descri {
width: 74%;
margin: 0px auto;
display: block;
font-family: 'AvenirLTStdLight';
font-size: 15px;
color: #636363;
font-style: normal;
font-weight: normal;}
h3,h2{font-size:18px;}
#pg .IR {padding-right: 0px;}
#pg .IL {padding-left: 0px;}
JavaScript
var WszW = $(window).width();
function _cVA(CP,CS, WD){
var hCP = $(CP);
var hCS = $(CS);
var ghCP = $(CP).outerHeight();
var ghCS = hCP.find(hCS).outerHeight();
var cS1 = (ghCP-ghCS) / 2;
var w = WD;
if(w < 480){ $(CP).find(CS).css("padding", "15px 0px 15px 0px"); }
else if(w < 991){ $(CP).find(CS).css("padding", "30px 0px 30px 0px"); }
else{ $(CP).find(CS).css("margin-top", cS1); }
}
function gTCP(W){
_cVA('.linha-1', '.texto-bloco', W);
_cVA('.linha-2', '.texto-bloco', W);
_cVA('.linha-3', '.texto-bloco', W);
_cVA('.linha-4', '.texto-bloco', W);
_cVA('.linha-5', '.texto-bloco', W);
_cVA('.linha-6', '.texto-bloco', W);
_cVA('.inum-1', '.txti', W);
_cVA('.inum-2', '.txti', W);
_cVA('.inum-3', '.txti', W);
_cVA('.inum-4', '.txti', W);
_cVA('.inum-5', '.txti', W);
_cVA('.cycle-slideshow', '.cyrcle-overlay', W);
}
gTCP(WszW);