<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="get-a-quote"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-8 m-text-center"> <h3>Ready to Change Your Life Yet?</h3> <h4>É um fato conhecido de todos que um leitor se distrairá com o conteúdo</h4> </div> <div class="col-md-4 col-sm-4 m-text-center"> <a class="btn btn-white btn-lg">Take the Next Step</a> </div> </div> </div> </section>

section {background:#0086d2; padding:40px 0;} h3{ color:#fff; font-family:Arial; font-size:30px; } .btn { border-radius: 50px; margin: 30px 0 0 0; } .btn.btn-white { background: #fff; color: #666; } @media (max-width: 768px) { .m-text-center {text-align:center;} .get-a-quote h3{font-size:20px;} } @media (max-width: 1024px) { .m-text-center {text-align:center;} .get-a-quote h3{font-size:25px;} }