.section-howP{
    width: 83.33%;
    margin: 0 auto;
    padding-top:230rem;
}

.howP__top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.howP__category{
    text-decoration: underline;
}

.howP__list{
    list-style: none;
    margin-top: 90rem;
    margin-bottom: 80rem;
}

.howP__element{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50rem;
    width: 90%;
    position: relative;
    top: 50rem;
    opacity: 0;
}

.howP__element span{
    width: 100rem;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.howP__element.show{
    top: 0;
    opacity: 1;
      -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
      -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
      transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
}

.howP__buttons{
    margin-left: 100rem;
    margin-bottom: 150rem;
    
}

.howP__buttons a{
    margin-top: 20rem;
    margin-right: 20rem;
        display: inline-block;
    margin-bottom: 0;
}



@media all and (max-width: 768px) {
    
.section-howP{
    width: 100%;
    margin: 0 auto;
    padding-top:130rem;
}
    
    .howP__element span{
    width: 50rem;

}
    .howP__buttons{
    margin-left: 50rem;
        margin-bottom: 50rem;
}
    
    .howP__list{
    list-style: none;
    margin-top: 50rem;
    margin-bottom: 30rem;
}
    

    
}