/* "What is ..." Rocky cutouts are a little smaller on phones. Not a mockup
   file. Every service page has one large Rocky sticker between the "What is"
   text and the next section (pen and notes on SEO Copywriting, the review
   card on GMB Optimisation, the map on Local SEO, and so on). On phones
   pages-r1.css sizes them all the same way, width 300px with max-width 86%
   (about 304px at 390), which makes them the largest stickers on the page.
   This takes both values down by 15% for all of them, so they shrink by the
   same share on every phone width, stay centred (margin auto from
   pages-r1.css), keep their aspect ratio, and the paperclips, which are
   positioned in percent, scale with them. Tablet and desktop unchanged; the
   other stickers (hero, press, brands, FAQ, contact) and the WhatsApp float
   are not affected. */
@media (max-width: 767px) {
  rd-body.pages-r1 .what-sticker {
    width: 255px;
    max-width: 73%;
  }
}