Mini Shell

<style type="text/css">
<?php echo $idcss ?>{width: 100%; float: left; background: url(<?php echo RAIZ ?>img/bg-depoimentos.jpg) fixed top center; color: #bebebe; line-height: 27px; overflow: hidden;}
<?php echo $idcss ?> h1{color: #fff; font-size: 37px; font-weight: 800; line-height: 47px; margin-bottom: 30px;}
<?php echo $idcss ?> h3{margin-top:20px; color: #000; font-size: 16px; font-weight: 800;}
<?php echo $idcss ?> .grade{color: #747474; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; background: #fff; font-weight: 400; line-height: 27px; padding: 2.3rem 2.5rem; width: 95%; border-radius: 2px;}
<?php echo $idcss ?> img{border-radius: 100px;}
<?php echo $idcss ?> .textos{margin-right: 40px;}
<?php echo $idcss ?> .af-2{margin-left: 50px; width: 93%;}
<?php echo $idcss ?> .row{display: flex; align-items: center;}
<?php echo $idcss ?> .btn-padrao{color: #fff; padding: 25px 40px}
<?php echo $idcss ?> .af-1{animation-duration: 3s;}
<?php echo $idcss ?> .af-2{animation-duration: 4s;}
<?php echo $idcss ?> .af-3{animation-duration: 6s;}

@media(max-width: 1000px){
    <?php echo $idcss ?> .row{display: block;}
    <?php echo $idcss ?> .af-2{margin-left: 0px; width: 95%;}
}

</style>

<div class="clear"></div>
<section id="<?php echo $idCss ?>">
    <div class="clear40"></div>
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <h1>Clientes satisfeitos com nosso trabalho</h1>
                <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magn.</p>
                <div class="clear40"></div>
                <a class="btn-padrao scroll transition" href="<?php echo RAIZ ?>#contato">Nos envie uma mensagem</a>
                <div class="clear60 visible-xs"></div>
            </div>
            <div class="col-sm-6 col-sm-offset-1">
                <?php 
                $query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg ORDER BY registros_ordem ASC";
                $registros = mysqli_query($config, $query) or die(mysqli_error());
                ?>
                <?php $cont = 0; while($row_registros = mysqli_fetch_assoc($registros)){ $cont++; ?>
                    <div class="grade af-<?php echo $cont; ?> wow slideInRight">
                        <div class="textos">
                            <?php echo $row_registros['registros_texto'] ?>
                            <h3><?php echo $row_registros['registros_titulo'] ?></h3>
                        </div>
                        <img src="<?php echo RAIZ."timthumb.php?src=".RAIZ_UP.$row_registros['registros_imagem'] ?>&zc=1&w=100&h=100" class="img-fluid">
                    </div>
                <?php } ?>
            </div>
        </div>
    </div>

</section>

<script type="text/javascript">
    $('#my_div').bind('show', function() {
        handle_scrollTopOffset();
    });
</script>