a img {border: none}
a {text-decoration:none;color:white}
* {margin:0;padding:0;border:0}
body {font-family: 'Lato';font-weight:400;letter-spacing:1px;font-size:1em;color:white}

.brand1{color:#2d4a2b}
.brand2{color:#6daa43}
.brand3{color:#e9e961}

.back-to-top{position:fixed;bottom:10px;right:10px;z-index:100000000;cursor:pointer;display:none}
.back-to-top img{max-width:50px}

#log-me-in {display:none;background-color:#404040;opacity:0.95;position:fixed;width:100%;height:100%;top:100px;left:0px; z-index:10000000;text-align:centre;font-weight:300}
.form-horizontal2{margin-top:0px;width:250px;margin-bottom:100px;margin-left:1%}
#username{width:250px;float:none;margin-bottom:25px;height:35px;border-bottom:#cb9842 1px solid;font-size:1em;border-radius:5px;padding-left:5px;background:#404040;color:white}
#password{width:250px;float:none;margin-bottom:25px;height:35px;border-bottom:#cb9842 1px solid;font-size:1em;border-radius:5px;padding-left:5px;background:#404040;color:white}
#log-in{width:250px;float:none;margin-bottom:25px;height:35px;background:#cb9842;font-size:1em;border-radius:5px;color:white}
.close{position:fixed;top:10px;right:10px;cursor:pointer}
.close img{max-width:25px}

#header{width:100%;height:235px;position:fixed;top:0px;margin:auto;z-index:100000;background-color:white}
#header-left{width:75%;float:left}
#title{height:150px;float:none}
.title{cursor:pointer}
.title_image{margin-right:15px;float:left;padding-top:10px}
.title_image img{max-width:90%}
h1{float:left;font-size:3em;font-weight:300;padding-top:35px;color:#2d4a2b}
#sub-title{height:50px;clear:both}
h2{font-size:1.5em;margin-left:1%;font-weight:300;color:#6daa43}
#header-right{width:25%;float:left}
#login{width:98%;margin-right:2%;text-align:right;height:200px;float:none}
.portal{margin-top:35px;width:auto;background:white;float:right;text-align:center;padding:10px 10px 10px 10px;border-radius:5px;color:#cb9842;box-shadow: 5px 5px 5px black;border:thin solid #e9e961;cursor:pointer}
nav{clear:both;width:100%;height:35px}
#nav ul{width:100%}
#nav li{width:25%;float:left;list-style-type:none;background-color:#2d4a2b;text-align:center;cursor:pointer;height:35px;line-height:35px;font-size:1.5em;font-weight:300}
.active-nav{color:white;font-style:italic;font-weight:bold}

#wrapper{clear:both;margin-top:235px;width:100%;padding-top:0px;margin-left:0%;font-size:1.77em;font-weight:300}
.photo{width:100%}

.photo-mob{display:none;width:100%}
.photo-mob img{width:100%}

.photo-text{width:100%;position:relative;top:-325px;margin-left:2%}
.photo-text-height{width:100%;position:relative;top:-975px;margin-left:2%}
.photo img{width:100%}
h5{color:white;font-weight:400;font-size:3em}
h7{color:white;font-weight:500;font-size:5em}

#main{clear:both;margin-top:50px}

.left{width:50%;float:left}
h3{color:#6daa43;width:80%;margin-left:10%;margin-right:10%;text-align:left;font-size:1.5em}
p{color:black;margin-top:20px;width:80%;margin-left:10%;margin-right:10%;font-size:1.25em;margin-bottom:100px}
.right{width:50%;float:left}
.sub-text{color:black;margin-top:20px;width:80%;margin-left:15%;font-size:1.25em;margin-bottom:100px}
.sub-text li{margin-bottom:15px}

#services{clear:both;width:100%;padding-bottom:100px}
h6{padding-top:25px;color:#2d4a2b;width:98%;margin-left:2%;font-size:1.25em;padding-bottom:25px}
.header{background-color:#2d4a2b;padding-top:25px;padding-bottom:25px;text-align:center;width:100%;border-top:thin solid white}
h4{color:#e9e961;font-size:1.25em;font-weight:300}
#services ul li {color:black;margin-left:2%;margin-bottom:25px;width:90%;font-size:1em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 12px;padding-left: 2em}
.cashless{margin-top:75px}
.cashless img{max-width:95%}

#clients{clear:both}
#clients p{text-align:center;font-size:2em;margin-bottom:25px}
#clients ul{margin-top:0px;;margin-bottom:100px}
#clients ul li {color:black;margin-left:2%;margin-bottom:25px;width:90%;font-size:1em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 9px;padding-left: 2em}
#divider{width:100%;border-top:thin solid}

#about{clear:both;padding-bottom:50px;}
#about p{color:black;margin-top:75px;margin-left:2%;font-size:1em;margin-bottom:25px;text-align:left}
h9{font-size:1.5em;font-weight:300;color:#6daa43;margin-left:2%}
#about ul{margin-top:15px;;margin-bottom:0px}
#about ul li {color:black;margin-left:2%;margin-bottom:10px;width:90%;font-size:1em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 8px;padding-left: 2em}
.headLi{list-style-type:none;background: none;padding-left: 0em;font-size:1.25em}

#terms-wrapper{clear:both;margin-top:285px;width:100%;padding-top:0px;margin-left:0%;font-size:1.77em;font-weight:300}
#terms{clear:both;padding-bottom:100px}
h12{color:#e9e961;font-size:2.5em;font-weight:300}
h14{color:#e9e961;font-size:1.5em;font-weight:300}
#terms p{color:black;margin-top:15px;margin-left:2%;font-size:1em;margin-bottom:5px;text-align:left}
#terms ul{margin-top:0px;;margin-bottom:0px}
#terms ul li {color:black;margin-left:2%;margin-bottom:0px;width:90%;font-size:1em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 9px;padding-left: 2em}
h10{font-size:1.25em;font-weight:300;color:#6daa43;margin-left:2%}
table{margin-top:15px;margin-bottom:15px;color:black;text-align:left;border:thin solid black;margin-left:2%}
tr{border:thin solid black}
th{font-size:1.25em;padding-left:10px;padding-right:10px}
h11{font-size:1.25em;margin-left:1%;font-weight:400;color:#6daa43}
.terms{padding-top:25px}

.form-horizontal{margin-top:50px;width:75%;margin-left:12.5%;margin-bottom:100px;color:grey}
#name, #email, #phone, #message{width:100%;float:none;margin-bottom:25px;height:35px;border:#cb9842 2px solid;font-size:1em;border-radius:5px;padding-left:5px;color:grey}
#message{height:250px;font-family:inherit;font-size:inherit}
#submit{width:100%;float:none;margin-bottom:25px;height:35px;background:#cb9842;font-size:1em;border-radius:5px;color:white}

footer{clear:both;width:100%;background:#2d4a2b;text-align:center;padding-top:100px;padding-bottom:100px;color:white}
.copyright{position:relative;margin-top:50px;font-weight:300;font-size:1em}
.centre-text{text-align:center}
@media only screen and (max-width: 900px) {
h11{font-size:1em}

#header{height:160px}

#header-left{width:98%;margin-left:2%;float:none}
#title{height:50px;float:none}
.title_image{margin-right:0px;padding-top:5px}
.title_image img{max-height:45px}
h1{font-size:1.5em;padding-top:10px}

#sub-title{height:25px;clear:both}
h2{font-size:.8em;margin-left:0%;font-weight:300}

#header-right{width:100%;float:none;height:40px}

#login{width:98%;margin-left:2%;text-align:left;height:40px;float:left;margin-right:0%;}
.portal{margin-top:0px;width:auto;background:white;float:left;text-align:center;border-radius:5px;color:#cb9842;box-shadow: 5px 5px 5px black;cursor:pointer}



#nav li{margin-top:10px;font-size:1em;font-weight:bold}

/*#wrapper{margin-top:160px}*/
#wrapper{margin-top:160px}
#terms-wrapper{margin-top:185px}


.photo{display:none}
.photo-mob{display:inline}

#main{clear:both;margin-top:25px}
.left{width:100%;float:none;clear:both}
h3{width:95%;margin-left:5%;font-size:1.2em}
.sub-text{width:95%;margin-left:5%;font-size:1em}
p{margin-top:10px;width:97%;margin-left:1.5%;font-size:1em;margin-bottom:25px}
.right{width:100%;float:none;clear:both}
.sub-text li{margin-bottom:15px;margin-left:5%}

h6{padding-top:15px;font-size:1.2em;padding-bottom:15px;text-align:center}
#services ul li {color:black;margin-left:5%;margin-bottom:25px;width:80%;font-size:1em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 8px;padding-left:1.25em}
#clients ul li {color:black;margin-left:5%;margin-bottom:25px;width:80%;font-size:1em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 8px;padding-left:1.25em}
#about ul li {color:black;margin-left:5%;margin-bottom:25px;width:80%;font-size:.8em;list-style-type:none;background: url("images/bullet.jpg") no-repeat left 8px;padding-left:1.25em}
h9{font-size:1.25em;margin-left:5%}
#clients p{font-size:1.2em}
#about p{margin-top:15px;font-size:.8em}

h12{font-size:1.25em;font-weight:300}

.header-about{padding-top:0px;padding-bottom:0px}
#about img {max-width:100%}
.image-left{margin-left:0%;width:100%;float:none}
.text-right{margin-left:2%;float:none}

.form-horizontal{margin-top:25px;width:90%;margin-left:5%;margin-bottom:25px}
}