.howtobox{border:1px solid #bcc4d8;border-radius:10px 10px 10px 10px;display:flex;flex-direction:column;margin-bottom:20px;padding:15px}@media screen and (min-width:48em){.howtobox{grid-column-gap:25px;display:grid;grid-template-areas:"num   title" "photo title" "photo textcontent";grid-template-columns:2fr 5fr;margin-bottom:40px;padding:0 25px 0 0}}@media screen and (min-width:75em){.howtobox{grid-template-columns:2fr 6fr}}.howtobox__num{grid-area:num;height:0}.howtobox__num .step-number{background-color:#357bf6;border-radius:10px 0;bottom:16px;color:#fff;display:block;font-size:20px;font-weight:700;height:40px;padding-top:8px;position:relative;right:16px;text-align:center;width:40px}@media screen and (min-width:48em){.howtobox__num .step-number{left:-1px;top:-1px}}.howtobox__header{color:#1c2d44;font-size:20px;font-weight:700;grid-area:title;line-height:27px;margin:auto;padding-bottom:25px;text-align:center;width:80%}@media screen and (min-width:48em){.howtobox__header{margin:0;padding-bottom:10px;padding-top:25px;text-align:left;width:100%}}.howtobox__image{display:flex;grid-area:photo;padding-bottom:15px}@media screen and (min-width:48em){.howtobox__image{background-color:#f5f7fa;border-radius:10px 0 0 10px;border-right:1px solid #bcc4d8;padding:10px 0}}.howtobox__image img{height:150px;margin:auto;width:150px}.howtobox__content{grid-area:textcontent}@media screen and (min-width:48em){.howtobox__content{padding-bottom:25px}}.howtobox__content p{font-size:15px;line-height:25px;margin-bottom:0}@media screen and (min-width:48em){.howtobox__content p{line-height:32px}}