.steps {margin-top: 3rem; } .steps > section {position: relative; margin-left: auto; margin-right: auto; margin-bottom: 3rem; box-sizing: border-box; padding: 2rem; box-sizing: border-box; max-width: 70rem; border-radius: 0 1.5rem 1.5rem 1.5rem; border-bottom-left-radius: 1.5rem; background-color: #f9f9f9; } .steps > section aside {box-sizing: border-box; padding: 1.5rem 0; position: absolute; top: 0; right: 100%; width: 9rem; font-family: "Proxima Nova W01 Thin", sans-serif; font-size: 5rem; line-height: 5rem; color: #1055BD; text-align: center; border-radius: 1.5rem 0 0 1.5rem; background-color: #f9f9f9; } section.steps section h2 {margin-bottom: 2rem; font-size: 2.4rem; line-height: 3rem; color: #000000; text-align: left; } section.steps section p, section.steps section ul {font-family: "HelveticaNeueETW01-45Lt", sans-serif; line-height: 3rem; color: #000000; } section.steps section p.xtrabttmpad {padding-bottom: 1rem; } @media all and (max-width: 1000px) {.steps { margin-top: 6rem; } .steps > section { margin-bottom: 6rem; padding-right: 2rem; border-radius: 0 1.5rem 1.5rem 1.5rem; } .steps > section aside {left: 0; top: auto; bottom: 100%; right: auto; padding: 1rem 1.5rem; width: auto; font-size: 3rem; line-height: 3rem; border-bottom-left-radius: 0; border-top-right-radius: 1.5rem; } .steps .pastille { left: auto; right: 2rem; } }