html {margin:0px;height:100%}
body {font-family:'Montserrat',sans-serif;font-size:18px;line-height:24px;color:#000;margin:0px;height:100%}
a:link {color:#006c54;text-decoration:none}
a:visited {color:#006c54;text-decoration:none}
a:hover {color:#006c54;text-decoration:underline}
a:active {color:#006c54;text-decoration:none}
a img {border:none}

#container {min-height:100%;position:relative}
#main {position:relative;top:0;width:100%;overflow:hidden;padding-bottom:300px}
#text {background-color:#fff;padding:30px}

#alert {background-color:#b01116;color:#fff;padding:20px;text-align:center;font-weight:bold}

#logo {position:absolute;margin-top:-80px;left:50%;margin-left:-80px}

#bannerimg {width:100%;height:500px;position:relative;overflow:hidden;background-size:100%;background-position:center}
#mainimg {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}
.homewelcome {position:absolute;width:100%;color:#fff;text-align:center;padding:20px;top:250px}

#header {position:relative;z-index:10;text-align:center;padding:30px;background-color:#006c54;border-bottom:10px solid #fdd0af}
#header-container {position:relative;padding:0;text-align:center}
#header-container ul {margin:0px;padding:0px}
#header a {color:#fdd0af;text-decoration:none}
#header a:hover {text-decoration:none}
#headername {font-weight:700;color:#fdd0af;font-size:40px}

#headerlinks {float:right;width:300px;margin-top:55px;margin-right:20px}

.mobilemenu {color:#000;font-size:0}

#nav {font-weight:bold;font-size:16px;line-height:22px;height:30px;min-height:30px}
#nav a:link {color:#fdd0af;display:block}
#nav a:visited {color:#fdd0af;display:block}
#nav li a:hover {color:#fdd0af;text-decoration:none}
#nav li a:active {color:#fdd0af;text-decoration:none}
#nav ul {margin:0px;padding:0px}
#nav li {text-align:center;display:block;line-height:30px;width:11%;height:30px;float:left;margin:0px 10px;font-size:16px}

#footer {clear:both;position:absolute;bottom:0;width:100%;height:220px;background-color:#006c54;border-top:10px solid #fdd0af;z-index:10}
#footer-container {padding:80px 20px 20px 20px;text-align:center}
#footer a {color:#fdd0af}
#footer p {font-size:16px;line-height:20px;color:#fdd0af}
#contact {float:right;color:#fdd0af}
.field {float:left;background-color:#fff;border-radius:5px;padding:5px}
.footerp {float:left;width:30%;text-align:center}

h1 {font-weight:700;font-size:50px;line-height:60px;color:#006c54}
h2 {font-weight:700;font-size:30px;line-height:35px;color:#006c54}
h3 {font-weight:700;font-size:20px;line-height:25px;color:#006c54}

.homeimg {float:left;width:20%;min-width:150px;font-weight:bold;text-align:center;margin-bottom:30px}
.pageimg {float:left;width:20%;min-width:150px;font-weight:bold;text-align:center;margin-bottom:30px}
.weimg {float:left;width:250px;height:400px;text-align:center;margin-bottom:40px;padding:10px}
.webimg {float:left;width:350px;height:440px;text-align:center;margin-bottom:10px;padding:10px}
.scaleimg {width:100%;height:auto}
.greentable {color:#fff;font-weight:bold;background-color:#2c6636}
.producttables {margin-left:320px}
.leftimg {float:left;margin-right:20px;margin-bottom:20px}
.rightimg {float:right;margin-left:20px;margin-bottom:20px}

.contact {padding:10px;border:1px solid #ccc;font-size:15px;line-height:24px;width:80%}
.send {padding:10px;color:#fff;background-color:#a8252a;line-height:40px;width:200px;border-radius:5px}
.send a {color:#fff}

.worktext {float:left;width:60%}
.vision {float:right;margin-left:20px;margin-bottom:20px;width:400px;padding:20px;border-radius:20px}
.partner {float:left;width:30%;margin:0px 20px}

@media all and (min-width:1300px) {
body {font-size:22px;line-height:30px}
h1 {font-size:60px;line-height:70px}
h2 {font-size:40px;line-height:50px}
h3 {font-size:30px;line-height:40px}
.contact {font-size:20px}
}

@media all and (max-width:1290px) {
#imgfade {display:static}
#nav li {font-size:13px;width:10%}
}

@media all and (max-width:1200px) {
.worktext {width:50%}
#bannerimg {display:flex;height:auto;background-size:100% auto}
#mainimg {position:static;transform:none}
#imgfade {display:none}
}

@media all and (max-width:1050px) {
.mobilemenu {font-size:20px;color:#fdd0af;margin-top:10px}
.homewelcome {top:60px}
.headerfinance {position:static;margin:auto;margin-top:0px;margin-bottom:20px}
#header {padding:30px}
#contact {float:none}
#footer p {font-size:16px;line-height:18px}
.partner {float:none;width:100%;margin:0px}
.worktext {width:50%}
#nav {height:auto;width:100%;padding:0px;min-height:30px}
#nav a {width:100%}
#nav li {height:auto;float:none;width:100%;margin:0;font-size:16px}
#nav ul {padding:0px;display:none}
}

@media all and (max-width:960px) {
.worktext {width:40%}
}

@media all and (max-width:800px) {
.worktext {float:none;width:auto}
.vision {float:none;margin-left:0;width:auto;height:auto}
.webimg {margin-bottom:10px}
.footerp {float:none;width:auto}
#text {padding:20px}
}

@media all and (max-width:450px) {
.leftimg {float:none;margin-right:0;width:100%;height:auto}
.rightimg {float:none;margin-left:0;width:100%;height:auto}
h1 {font-size:40px;line-height:50px}
}