.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:450px;}
.buttonsubmit{padding:10px;background-color:#314d7a;color:#FFFFFF;margin-left:20px;border-radius: 5px;font-size:16px}
.emailalt{display:none;}
textarea{width:650px;}
.bodycontainer{margin-bottom:10px}

.homecategories{background-color:#e6e6ff;padding:35px;margin-top:20px;border-radius:5px;}
.homecategories h1{margin-left:0px;font-weight:normal;color:#314d7a;}
.homecategories h2{font-size:22px;color:#314d7a;margin-left:0px;font-weight:normal}
.homecategories p{font-size:18px;margin-left:0px;}
.homecategories a{color:#000000;text-decoration:none}
.homecategories a:hover{text-decoration:underline;}
.homecategories li{padding:5px}

.enquiryform{

    width: 75%;
    padding: 20px;
    background-color: #CCCCCC;
    border-radius: 5px;

}

.enquiryform h2{font-size: 22px;
    color: #000000;
    margin-left: 20px;
    font-weight: normal;}

.enquiryform p{margin-left:20px;}

.categoryrow {
  display: flex; /* equal height of the children */
  gap: 70px;
}

.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:450px;}
textarea{width:500px;}

}

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

select {width:450px;}

}

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

.inputtext{width:450px;}
textarea{width:90%;}
select{width:90%;}

}

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

.inputtext{width:90%;}
textarea{width:90%}
.categoryrow {gap:40px;}

.enquiryform{

    width: 75%;

}

}

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

.categoryrow {
  display: block;
}

.addcompanyrow { display:block; }
.inputtext{width:90%}
textarea{width:90%;}
.companyform{width:90%;}

select{width:90%;}

}

