.stepleft {
    display:inline-block;
    width:280px;
    vertical-align:middle;
  
}

.step {
    clear:both;
    margin-top:2em;
    overflow:hidden;
}

.stepright {
    display:inline-block;
    vertical-align:middle;
 
    width:470px;
}

.stepright h3{
    margin-top:-1em;
}

.steptitle {
    font-size:17px;
    font-weight:bold;
    color:#775E7B;
    padding-bottom:5px;
}

.stepdesc {
    font-size:13px;
    padding-bottom:2px;
}

.imbuttontop {
    clear:both;

}

.imbuttontop a{
     text-align:center;   
}

#imchat > h3:first-of-type {
    margin-top:2em;
}



#imchat h2:first-of-type {
    margin:1em 0 1em 0;
}

#imchat hr {
    margin:1em 0 2em 0;
}

.imbuttonbottom {
    text-align:center;
    margin:2em 0 3em 0;
}

#impagemobile {
    text-align:center;
    display:none;
    padding-bottom:3em;
}


.moduleasarticle h3#howtouse {
    margin-top:1em;
    clear:both;
}


@media screen and (max-width: 800px) {
    .stepleft,.stepright  {
        width:auto;
        display:block;
    }
    
    .stepleft {
        text-align:center;
    }
    
    .stepright h3{
        margin-top:0em;
    }
}


@media screen and (max-width: 400px) {
    
    .step {
        overflow:visible;
    }
    
    body #imchat.innerinnerwidth {
        padding-left:0;
        padding-right:0;
    }
    
    
    .moduleasarticle h3#howtouse {
        margin-left:0.8em;
    
    }

    
     #impagemobile {
        display:block;
    }
    
    .stepleft img {
        width:100%;
    }
    
    .stepright,.stepleft {
        margin-top:-2em;
    }
    
    .stepright,
    #imchat > h2,
    #imhead,
    #imchat > h3:first-of-type{
        padding-left:16px;
        padding-right:16px;
    }
}