.steps-section{padding-top:100px;padding-bottom:100px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:var(--howto-step-bg)}.steps-section h2{text-align:center;color:var(--body-text-color);font-size:50px}.steps-section a p{color:var(--body-text-color)}.steps-section a:hover{text-decoration:none}.steps-row{text-align:center;margin:4rem auto 0;max-width:860px;padding-right:1.5rem;padding-left:1.5rem}@media(min-width: 768px){.steps-row{display:grid;grid-template-columns:2fr 100px 2fr 100px 2fr;align-items:baseline}}.steps-row__icon{width:4rem;height:4rem;margin:auto}.steps-row__icon svg{width:4rem;height:4rem}.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}.steps-row__column:nth-of-type(1) .steps-row__icon svg{color:var(--howto-step-bg)}.steps-row__column:nth-of-type(3) .steps-row__icon svg{color:var(--howto-step-icon-color)}.steps-row__column:nth-of-type(5) .steps-row__icon svg{color:var(--btn-bg)}@media(max-width: 767.98px){.steps-row__column{margin-bottom:2rem}.steps-row__column:not(:first-child){margin-top:2rem}}.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{color:var(--howto-step-bg)}.steps-row h3{font-size:2.25rem}