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:#06377b;text-decoration:none}
a:visited {color:#06377b;text-decoration:none}
a:hover {color:#06377b;text-decoration:underline}
a:active {color:#06377b;text-decoration:none}
a img {border:none}

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

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

#bannerimg {height:500px;overflow:hidden;background-color:#06377b;text-align:center;position:relative;background-size:1200px auto;background-repeat:no-repeat;background-position:center}
#imgfade {width:100%;height:500px;background-image:url(images/imgfade.png);background-repeat:repeat-y;background-position:center;z-index:1000;position:absolute;top:0}
#mainimg {width:100%;height:auto;max-width:1200px}
.homewelcome {position:absolute;width:100%;color:#fff;text-align:center;padding:20px;top:250px}
#homebanner {width:800px;height:auto}

#logo {width:100%;height:auto}

#header {position:relative;z-index:10;text-align:center;padding:30px 200px}
#header-container {position:relative;padding:0;text-align:center}
#header-container ul {margin:0px;padding:0px}
#header a {color:#222}

.headerfinance {width:225px;height:50px;background-color:#d22828;padding:15px;font-size:22px;font-weight:bold;text-align:center;color:#fff;position:absolute;right:310px;top:25px}
.headerfinance a {text-decoration:none}

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

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

#footer {clear:both;position:absolute;bottom:0;width:100%;height:200px;background-color:#06377b;z-index:10}
#footer-container {padding:20px;text-align:center}
#footer a {color:#fff}
#footer p {font-size:16px;line-height:20px;color:#fff}
#contact {float:right;color:#fff}
#footer .donate {width:80px;background-color:#a8252a;border-radius:5px;text-align:center;padding:5px 10px}
#footer .donate a {color:#fff}
#footer .donate a:hover {text-decoration:none}
#footer .donate a:active {text-decoration:none}
.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:#06377b}
h2 {font-weight:700;font-size:30px;line-height:35px;color:#06377b}
h3 {font-weight:700;font-size:20px;line-height:25px;color:#06377b}

#chat {position:fixed;right:80px;bottom:30px;font-weight:700;font-size:24px;line-height:25px;color:#f7941d;z-index:2000;display:none}

.homeimg {float:left;width:16%;min-width:120px;font-weight:bold;text-align:center;margin-bottom:30px}
.homeimg img {width:120px;height:120px}
.pageimg {float:left;width:14%;min-width:80px;font-weight:bold;text-align:center;margin-bottom:30px}
.pageimg img {width:80px;height:80px}
.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}
#nav li {font-size:16px}
#nav ul ul {font-size:16px}
}

@media all and (min-width:1201px) {
#imgfade {display:static}
}

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

@media all and (max-width:1090px) {
.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%}
}

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

@media all and (max-width:800px) {
#main {padding-bottom:320px}
#footer {height:300px}
.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}
#homebanner {width:500px}
}

@media all and (max-width:450px) {
#mainimg {height:300px;width:auto}
.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}
#homebanner {width:300px}
}