/* Per-step positioning - generated by editor */
/* LI positions as % of OL, tail positions in cqw (nearest edge) */

@media (min-width: 769px) {
    #steps .infographic ol li:nth-child(1) { top: 17.2%; left: 13.6%; width: 31.6%; }
    #steps .infographic ol li:nth-child(2) { top: 18.7%; left: 56.2%; width: 34.7%; }
    #steps .infographic ol li:nth-child(3) { top: 33.5%; left: 74.5%; width: 30.1%; }
    #steps .infographic ol li:nth-child(4) { top: 54.3%; left: 75.4%; width: 28.3%; }
    #steps .infographic ol li:nth-child(5) { top: 72.7%; left: 62.2%; width: 30.8%; }
    #steps .infographic ol li:nth-child(6) { top: 74.5%; left: 24.8%; width: 27.5%; }
    #steps .infographic ol li:nth-child(7) { top: 58.0%; left: 2.3%; width: 26.0%; }
    #steps .infographic ol li:nth-child(8) { top: 36.7%; left: -2.9%; width: 28.5%; }

    /* Tail positions in cqw (% of OL), from nearest edge */
    #steps .infographic ol li:nth-child(1) .tail { right: 1.7cqw; top: 5.1cqw; transform: rotate(-10deg); }
    #steps .infographic ol li:nth-child(2) .tail { left: 6.1cqw; top: 7.0cqw; transform: rotate(29deg); }
    #steps .infographic ol li:nth-child(3) .tail { left: -3.0cqw; top: 8.6cqw; transform: rotate(69deg); }
    #steps .infographic ol li:nth-child(4) .tail { left: -6.8cqw; top: 5.7cqw; transform: rotate(121deg); }
    #steps .infographic ol li:nth-child(5) .tail { left: -7.5cqw; top: -1.5cqw; transform: rotate(153deg); }
    #steps .infographic ol li:nth-child(6) .tail { left: 6.9cqw; top: -8.0cqw; transform: rotate(-145deg); }
    #steps .infographic ol li:nth-child(7) .tail { right: 1.6cqw; top: -7.6cqw; transform: rotate(-98deg); }
    #steps .infographic ol li:nth-child(8) .tail { right: -5.3cqw; top: -3.9cqw; transform: rotate(-54deg); }
}