.steps-section h2{font-size:1.5rem}.steps-section a p{color:var(--body-text-color)}.steps-section a:hover{text-decoration:none}.steps-row{background-color:#fff;border-radius:10px;border:2px solid #ececee;padding:10px;text-align:center;margin-bottom:4rem;margin-top:3rem}@media(min-width: 768px){.steps-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));align-items:center}}.steps-row__icon{width:5rem;height:5rem;margin:auto}.steps-row__icon svg{width:4rem;color:var(--howto-step-icon-color)}.steps-row__icon svg.cup{margin-top:-1.2rem}.steps-row__icon svg.hammer,.steps-row__icon svg.user{margin-top:-1.5rem}.steps-row__column{display:flex;flex-direction:column}@media(max-width: 767.98px){.steps-row__column{margin-bottom:2rem}.steps-row__column:not(:first-child){margin-top:2rem}}.steps-row__stripe{border-bottom:10px dotted var(--howto-stripe-arrow-color)}@media(max-width: 767.98px){.steps-row__stripe{display:none}}@media(min-width: 992px){.steps-row__stripe{margin-left:-1rem;margin-right:-1rem}}.steps-row .arrow{display:none;width:2.2rem;height:2.2rem;margin-bottom:2rem;margin:0 auto;color:var(--howto-stripe-arrow-color)}@media(max-width: 767.98px){.steps-row .arrow{display:inline-block}}.steps-row__text{flex:1}.steps-row h3{color:#000;font-size:.8rem}