/* NAV.CSS */
.menuIcon {position: absolute; font-size: 30px; right: 0; top: 0; display: none; cursor: pointer;}
.navIcon {float:right; cursor: pointer; display: none;}
nav {width: 100%; z-index: 1; clear: both; margin-top: 12px;}
nav ul {padding: 0; list-style-type: none; clear:left; margin: 0; padding: 0;}
@media screen and (min-width: 601px) {
nav ul li {display: inline-block; position: relative; line-height: 21px; text-align: left;}
nav ul li a {display: block; padding: 6px 12px; color: #333;}
nav ul li a:hover {color: #006837; background: #DDD;}
nav ul li ul.dropdown {min-width: 160px; background: #dff2d6; display: none; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; left: 0;}
nav ul li:hover ul.dropdown {display: block;}
nav ul li ul.dropdown li {display: block;}
nav a.dd-btn:after {content: ''; border: 4px solid transparent; border-top: 4px solid #006837; margin: 0 0 4px 4px; display: inline-block; vertical-align: bottom;}
}

/* MOBILE NAV */
@media screen and (max-width: 600px) {
nav li a {line-height: 2.5;}    
#navContainer #navList {display: none;}
.menuIcon {display: block;}
.navIcon {display: inline-block;}
.arrowDown {content: ''; border: 10px solid transparent; border-top: 10px solid #006837; margin: 0 0 10px 10px; vertical-align: bottom;}
.arrowLeft {content: ''; border: 10px solid transparent; border-right: 10px solid #006837; margin: 0 0 10px 10px;vertical-align: bottom;}
nav ul li ul.dropdown {display: none; margin-left: 12px;}
}