nav {display: table;margin:0;padding: 0;width: 100%; font-size: 1em;position: fixed;top:0;left: 0;overflow: hidden;z-index: 2000;} 
nav ul {display: table-row;margin: 0;padding: 0;}
nav ul li {display: table-cell;list-style: none;text-align: center;vertical-align: middle;width:25%;overflow: hidden;margin: 0;padding: 0}
nav ul li a {color: #00aeef;font-weight: 700;display: block;position:relative;text-decoration: none;padding: .3em 1em;background: rgb(230, 230, 230);background: -moz-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);background: -webkit-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);background: -o-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);background: -ms-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);background: linear-gradient(180deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);}
nav ul li a:hover {text-decoration: none;color: black;border-color:black;cursor: pointer !important}
nav ul li a:before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background-color: #00aeef;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
nav ul li a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1)}
nav ul li a.home {border-top: solid 4px #00aeef;}
nav ul li a.about {border-top: solid 4px #ec008c;}
nav ul li a.team {border-top: solid 4px #fff200;}
nav ul li a.quote {border-top: solid 4px #231f20;}

#navtwo {overflow: hidden;position: relative;}
#secondnav li a, #thirdnav li a {margin:.4em 0 0 0;display: inline-block;padding: 0 12px;background:url("/img/icons/arrow-right.png") no-repeat left center;color: #00aeef;}
#secondnav li a:hover {text-decoration:none;color: white}
#thirdnav li a {font-weight: 500;}
#thirdnav li a:hover {text-decoration: none;color: black}
#closenavtwo {cursor: pointer !important; display: block;position: absolute;top:0px;right:0px;background: url('/img/close.png') right bottom no-repeat;width: 30px;height: 30px;z-index: 100000;background-size:30px}
#closenavtwo:hover {background-position-y: top}
#navtwocenter {display:table-row;height: 100%;}
#navtwocontent {display:table;position: fixed;left:0px;top:-10000px;width:100%;height: 100vh;background-color: rgba(0,0,0,.9);z-index:10000;text-align: center;}
#navtwocontent a {font-weight: 300;font-size:1.4em;display:block}
#secondnav{display:table-cell;vertical-align: top;padding:1em 3em;text-align: left}

.selected {color: black}
.subnav {font-size:65%;padding:0 12px;text-decoration: none !important;line-height: 135%;}
#secondnav .subnav {color: white;font-size:100%;}

@media screen and (max-width:780px) {
	.hidden {display: none}
	#secondnav {vertical-align: top;padding:0 5px;}
	#secondnav li a {font-size: 100%;line-height: 100%;font-weight: 500;}
	#secondnav .subnav {color: white;font-size:65%;}
}
@media screen and (max-height:525px) and (max-width:780px) {
	#navtwocenter{position: relative;top: auto;left: auto;transform: none;}
	#secondnavli, #secondnavlitwo {float: left;width: 50%;text-align: left;}
}