# Feedback

:::raw
<div class="bf-feedback">
  <div class="bf-fb-intro">
    <h2><strong>Thank you for taking the time to share your experience</strong></h2>
    <p>Customer service is the heart of our business so we&rsquo;d LOVE your feedback!</p>
    <p>Tell us how we are doing as we work to continuously improve our business.</p>
    <p>Our professional sales and service associates look forward to hearing from you.</p>
  </div>
  <div class="bf-fb-tiles">
    <div>
      <a href="/customer-reviews"><img src="https://storage.googleapis.com/alan-jay/thumbup.png" alt="Thumbs up - leave a public review"></a>
    </div>
    <div>
      <a href="/leave-feedback"><img src="https://storage.googleapis.com/alan-jay/thumbdown.png" alt="Thumbs down - tell us what went wrong"></a>
    </div>
  </div>
</div>
<style>
/* legacy: h2.h5 26px/700 centred, mb 15px; intro paragraphs 16px centred, tight. */
.cms-body .bf-fb-intro{text-align:center}
.cms-body .bf-fb-intro h2{font-size:26px;font-weight:700;margin:0 0 15px}
.cms-body .bf-fb-intro p{margin:0 0 .25rem}
.cms-body .bf-fb-intro p:last-child{margin-bottom:0}
/* legacy .two-block: flex, gap 30px, two 650px cells at 1440. flex:1 1 0 keeps them equal at
   any width; the thumbs cap at their natural 450px. */
.cms-body .bf-fb-tiles{display:flex;flex-wrap:wrap;gap:30px;margin-top:2rem}
.cms-body .bf-fb-tiles > div{flex:1 1 0;min-width:0;text-align:center}
.cms-body .bf-fb-tiles a{display:inline-block;text-decoration:none}
.cms-body .bf-fb-tiles img{width:450px;max-width:100%;height:auto}
@media(max-width:640px){.cms-body .bf-fb-tiles{flex-direction:column}}
/* bf-feedback */
</style>
:::