.step{margin:40px 0;text-align:center}.step h3{margin:0 0 10px}.step-number{margin:10px 0}.step-number span{background:#f7F8f9;border-radius:100%;display:inline-block;font-size:36px;font-size:3.6rem;font-weight:500;height:100px;padding:20px;width:100px;text-align:center}@media only screen and (min-width:400px){.steps{margin:0 auto;max-width:400px}}@media only screen and (min-width:760px){.steps{max-width:1000px}.step{align-items:center;display:flex;margin:30px 0;justify-content:space-between;text-align:left}.step .step-number{flex-basis:10%}.step .step-info{flex-basis:55%;padding-left:40px}.step-info p{margin-bottom:0}.step .screenshot{flex-basis:30%}}