/* Audit card and final call to action on phones: text centred to match the
   centred heading. Not a mockup file.

   1. Hero audit card: intro text and site field label centred on every
   page that has the card.
   The homepage centres the whole card text on phones (journal-press-r1.css,
   #hero-audit) and the heading is centred everywhere, but that homepage rule
   is keyed to the #hero-audit id, so on the service pages (#seo-audit,
   #ppc-audit and so on) the intro paragraph and the "See what your ..."
   label stayed left aligned under a centred heading and button. This applies
   the homepage treatment to every audit card. Phones only, same breakpoint as
   the homepage rule; tablet and desktop unchanged.

   2. Final call to action (#contact): journal-r12.css centres the heading
   and only the first paragraph under it on phones (p:first-of-type), so
   where the intro has a second paragraph (the homepage "We will look at
   where you are now ..." and the blog article "Share your website or
   brand below ...") it stayed left aligned under centred text. Every
   paragraph of the intro is centred now. The form card beside it keeps
   its own left aligned title and fields. */
@media (max-width: 767px) {
  rd-body.feedback-r10 .hero-audit > div:first-child {
    text-align: center;
  }
  rd-body.feedback-r10 .hero-audit .audit-form:not(.is-expanded) > .form-fields > .field:first-child > label {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  rd-body.feedback-r10 #contact .contact-intro > p {
    text-align: center;
  }
}