.steps{

text-align: center;
padding: 16pt 0;

}

.steps__inner{

@include desktop{
        display: flex;
        justify-content: space-around;
}

}

.step{

padding: 16pt 0;
text-align: center;
width: 100%;
border-top: 1px solid $line;
overflow: auto; 
&:first-child{
        border-top: none;
}
@include desktop{
        border-top: none;
        width: auto;
}

}

.step__media{

margin: 16pt 0;
@include desktop{
        margin: 32pt 0;
}

}

.step__image{

max-height: 100px;
max-width: 222px;
margin-top: 8pt;
@include noDragging;
@include tablet{
        max-width:none;
}

}

.step__text{

max-width: 36ch;
text-align: left;
margin-left: auto;
margin-right: auto;

}