[data-role="registerCommerce"]{display: inline-block;max-width: 80%;padding:0px !important;margin: 0 auto;}
/* */
[data-role="registerCommerce"] h1{font-family:Roboto;font-size: 125%;font-weight:bold;margin:2%;padding:0px 0px;margin-bottom:0%;text-align: center;color: #333;}
[data-role="registerCommerce"] p{
    display: block;
    width: 100%;
    font-family: "Roboto";
    font-size: 90%;
    text-align: center;
    padding: 1%;
    margin-bottom: 2.5%;
    box-sizing: border-box;
}
/* */
[data-role="registerCommerce"] form{display:block;}
[data-role="registerCommerce"] form fieldset{display:block;border:0px;font-family: "Roboto";margin-bottom: 1%;}
[data-role="registerCommerce"] form fieldset > div{
    margin-bottom:5px;
}
[data-role="registerCommerce"] form [data-role="raeson"]{
    padding-bottom: 10px;
}
[data-role="registerCommerce"] form [data-role="raeson"] label{margin-bottom:10px;width: 100%;font-weight: bold;}
[data-role="registerCommerce"] form output{display:inline-block;color:#e56610;font-family:"Montserrat";font-weight:bold;margin-right:10px;}
[data-role="registerCommerce"] form [data-role="raeson"] div input{}
[data-role="registerCommerce"] form output{display:none;margin:0px 10px;margin-bottom:20px;}
[data-role="registerCommerce"] form output.active{display:block;}
[data-role="registerCommerce"] form fieldset label{display: inline-block;width: 25%;}
[data-role="registerCommerce"] form fieldset input[type="text"],
[data-role="registerCommerce"] form fieldset input[type="email"]{
    min-width: 65%;
    font-family: "Roboto";
    background: #f5f5f5;
    padding: 1.5%;
    border: 1px solid #888;
    border-radius: 50px;
    outline: 0px;
    }
[data-role="registerCommerce"] form nav button{display:block;background:transparent;font-family:Roboto;font-size:1rem;margin:5% auto;padding:10px 30px;border-radius:90px;border:1px solid ;}
[data-role="registerCommerce"] form nav button:hover{background:#d6d8da;transition:all 0.33s ease-in-out;}
[data-role="registerCommerce"] form nav button:hover:active{background:#3b3;color:white;border-color:#000;}
[data-role="registerCommerce"] div[data-role="firm"]{display:flex;background:#e56610;width:100%;position:relative;align-items:center;justify-content:space-between;}
[data-role="registerCommerce"] div[data-role="firm"] img{width:5%;padding:1.5%;}
[data-role="registerCommerce"] div[data-role="firm"] span{background: transparent;width:45%;height:2px;overflow: visible;position: relative;margin-bottom: -10px;}
[data-role="registerCommerce"] div[data-role="firm"] span::before{display:block;content:" ";background: transparent;width:100%;height: 2px;position: absolute;z-index: 999;left: 0;bottom: 10px;}

@media( max-width:425px ){


    [data-role="registerCommerce"] form fieldset input[type="text"],
    [data-role="registerCommerce"] form fieldset input[type="email"]{width:90%;font-size: 0.75rem;padding: 2.5%;}
    [data-role="registerCommerce"] form fieldset label{width:100%;}

    [data-role="registerCommerce"] div[data-role="firm"] {width:96%;padding:2%;}
    [data-role="registerCommerce"] div[data-role="firm"] img{width:10%;}

    [data-role="registerCommerce"] form output{font-size:0.75rem;}

}


@media( max-width:320px ){

    [data-role="registerCommerce"] form fieldset input[type="text"],
    [data-role="registerCommerce"] form fieldset input[type="email"]{width:85%;font-size:0.75rem;}

    [data-role="registerCommerce"] div[data-role="firm"] {width:96%;padding:2%;}
    [data-role="registerCommerce"] div[data-role="firm"] img{width:15%;}

}