body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Open Sans', sans-serif;}
a[href^=tel] {color:inherit;text-decoration:none;}
a {text-decoration: none;}
a img {border:none;}
img, object, embed, video {max-width: 100%;}
.container {width: 100%;max-width: 1920px;margin: 0px auto;}
.google-maps {position: relative;padding-bottom: 75%; // This is the aspect ratioheight: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 96% !important;height: 100% !important;}
.wrap {margin:0 auto;width:85%;max-width:1500px;}
#header, #footer {width:100%;float:left;}
#header {height:100px;background:black;color:white;}
#footer {height:100px;background:#333536;color:white;font-size:1.1em;}
#maincontent {min-height:500px;background:white;color:black;font-size:1.1em;line-height:1.9em;}
#development {text-align:center;font-size:3em;margin-top:60px;}
/* START of NAV styling */
.toggleMenu {display:  none;background: #666;/* menu button mobile version background colour */padding: 10px 15px;color: #fff;font-size:1.1em;}
.nav {list-style: none;*zoom: 1;background:#175e4c;font-size:1.1em;/* menu bar background colour */}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 12em;/* affects width of pop out nav */}
.nav a {padding: 10px 25px;/* affects width nav elements and sub elements */color:#fff;*zoom: 1;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #FFFFFF;/* menu button mobile version sub level top border colour (and main nav bar top colour) and single pixel line on top of desktop nav */}
.nav > li > .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {display: block;background: #1d7a62;/* menu bar 1st sub level background colour */position: relative;z-index:100;border-top: 1px solid #175e4c;/* menu bar 1st sub level top border colour */}
.nav li li li a {background:#249578;zoom:1;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid #1d7a62;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */

@media screen and (max-width: 1024px) {
/* iPad Pro and old monitor section */
    
}

@media screen and (max-width: 768px) {
/* START of NAV styling */
.active {display: block;}
.nav > li {float: none;}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: 95% 50%;}
.nav ul {display: block; width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
/* END of NAV styling */
.wrap {margin:0 auto;width:90%;}

}

@media screen and (max-width: 480px) {
/* Phone section */
    
}