.topbanner{

margin-top:20px;
/*background-image:url('/relaunch/assets/i/addcompany-banner3.jpg');
background-repeat:no-repeat;
background-position:center;
background-size: 100%;*/
height:100%;

}

.maincontent{background-color:#FFFFFF;display: flex;
  justify-content: center;}


.inputtext{width:650px;}
.buttonsubmit{padding:10px;background-color:#314d7a;color:#FFFFFF;margin-left:10px;border-radius: 5px;font-size:16px}
.emailalt{display:none;}
textarea{width:650px;}
.bodycontainer{margin-bottom:10px}
.companyform{width:65%;padding:20px;background-color:#CCCCCC;border-radius: 5px;}
.disclaimerform{width:35%;margin-right:0px}

.homecategories{background-color:#e6e6ff;padding:20px;margin-top:20px;border-radius:5px;}

.homecategories h1{margin-left:0px;font-weight:normal;color:#314d7a;}
.homecategories h2{font-size:22px;color:#000000;margin-left:0px;font-weight:normal}
/*.homecategories h2{font-size:22px;color:#314d7a;margin-left:0px}*/
.homecategories p{font-size:18px;margin-left:0px;margin-right:20px}
.homecategories a{color:#000000}
.addcompanyrow {
  display: flex; /* equal height of the children */
  gap: 10px;
  margin-top:20px;
}

.formbreak{border-bottom:1px dotted #666666;padding-top:10px}

.disclaimer{border:1px solid #CCCCCC;padding:20px;background-color:#314d7a;border-radius: 5px;margin-top:0px;margin-left:15px}
.disclaimer p{color:#FFFFFF;}
.disclaimer li{color:#FFFFFF;}

#showdiverseoptions{margin-top:15px;display:none;}
#showregistration{margin-top:15px;display:none;}

input {padding:10px;border-radius: 5px;border:1px solid #CCCCCC;font-size:16px;margin-top:5px}
textarea {padding:10px;border-radius: 5px;border:1px solid #CCCCCC;font-size:16px;height:150px;margin-top:5px}
select {padding:10px;border-radius: 5px;border:1px solid #CCCCCC;font-size:16px;margin-top:5px;width:650px}
label {font-size:16px}


@media screen and (max-width: 1200px) {

.inputtext{width:500px;}
textarea{width:500px;}

}

@media screen and (max-width: 1100px) {

select {width:500px;}

}

@media screen and (max-width: 900px) {

.inputtext{width:90%}
textarea{width:90%;}
select{width:90%;}
.companyform{width:60%;}
.disclaimerform{width:40%;}

}

@media screen and (max-width: 800px) {

.inputtext{width:90%}
textarea{width:90%}
.companyform{width:55%;}
.disclaimerform{width:45%;}

}

@media screen and (max-width: 600px) {

.addcompanyrow { display:block; }
.disclaimerform{width:99%;margin-left:0px;margin-top:15px;}
.inputtext{width:90%;}
textarea{width:90%;}
.companyform{width:90%;}

select{width:90%;}
.disclaimer{margin-left:0px;}

}