#recover-credentials-wrapper{margin-top:35px;width:100%;padding:0 20px}
#recover-credentials-outer-container{max-width:800px;margin:70px auto 0; padding:40px 70px;border:1px solid #E4E4E4;border-radius: 20px;}
#recover-credentials-h1{font:700 clamp(1.05rem,1.354vw,1.625rem) / 1.2 Barnebok;color:#262626;text-transform:uppercase;text-align:center}
#recover-credentials-h2{margin:20px auto 0;max-width:420px;font:400 clamp(1rem,0.938vw,1.125rem) / 1.2 Commissioner;color:#262626;text-align:center}
#recover-credentials-container{max-width:360px;margin:40px auto 0}
.recover-credentials-form{margin-top:20px;display:block}
.recover-credentials-form .inner-forms-col:first-of-type{margin-top:0}
.recover-credentials-submit{width:100%;padding:0 15px;background-color:#262626;border:none;outline:none;height:50px;font:500 clamp(0.9rem,0.781vw,1rem) / 56px Barnebok;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:300px!important}
@media (min-width:1200px) {
    .recover-credentials-submit:hover{background-color:#424242}
}
@media (max-width:1199px) {
    #recover-credentials-wrapper{padding:0 15px}
    /*#recover-credentials-h1{margin-top:40px}*/
    #recover-credentials-container{margin:40px auto 0}
}
@media (max-width:764px) {
    #recover-credentials-wrapper{padding:0 10px}
    /*#recover-credentials-h1{margin-top:30px}*/
    #recover-credentials-container{margin:30px auto 0}
}