@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}
nav.nav-collapse {
	float: right;
	margin: 32px 0 0 0;
	text-align: right;
	width: 82.5%;
}
nav.nav-collapse li {
	display: inline-block;
	padding-left: 8px;
	margin-top: 8px;
}
nav.nav-collapse li a {
	text-transform: uppercase;
	font: 16px/22px 'Noto Sans', sans-serif;
	color: #31241b;
	text-decoration:none;
	font-weight: 400;
	padding: 2px 5px;
	border:none;
}

nav.nav-collapse li.first {
	background: none;
	margin-right: 0;
	padding-left: 0;
}
nav.nav-collapse li.school {
	clear:right;
}
nav.nav-collapse li a:hover, nav.nav-collapse li.active a {
	background:  #006c68;
	color: #ffffff;
	border: none;
}	
nav.nav-collapse ul#main-nav ul {display: none;}
@media screen and (min-width: 640px) {
.js .nav-collapse {
  position: relative;
}
.js .nav-collapse.closed {
  max-height: none;
}
.nav-toggle {
  display: none;
}
}
@media only screen and (max-width:1003px) {
	nav.nav-collapse {
		margin: 10px 0 8px 0;
		width: 68%;
	}
}
@media only screen and (max-width:728px) {
	nav.nav-collapse {
		margin: 10px 0 8px 0;
		width: 75%;
	}
}
@media only screen and (max-width:662px) {
	nav.nav-collapse li a {
		font: 15px/21px 'Noto Sans', sans-serif;
	}
}

@media only screen and (max-width:640px) {
	.nav-toggle {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 40%;
		padding-right: 8%;
		height: 50px;
		float: right;
		overflow: hidden;
		position: relative;
		background: #00665B url(../images/menu-hamburger-1.png) no-repeat right center;
		font-family: 'Noto Sans',sans-serif;
		font-size: 23px;
		font-weight: 400;
		text-transform: uppercase;
		text-align: center;
		line-height: 50px;
		border: medium none;
		border-radius: 8px;
		color: #FFFFFF;
		margin-top: -74px;
	}
	.nav-toggle:hover {
		border: none; 
		background: #01473f url(../images/menu-hamburger-1.png) no-repeat right center;
		color: #ffffff;
	}
	.nav-collapse ul {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  display: block;
	  list-style: none;
	}

	nav.nav-collapse {
		float: right;
		margin: 0;
		text-align: center;
		width: 100%;
	}
	nav.nav-collapse li {
		width: auto;
		display: block;
		background: none;
		margin:0 0 25px 0;
	}
	nav.nav-collapse li a {
		padding: 0 25px;
		font-size: 22px;
	}
	nav.nav-collapse li a:hover {
		color: #31241b;
		background: none;
	}
	nav.nav-collapse li.active a {
		background: url(../images/nav-mobile-active.png) no-repeat right #ffffff;
		color: #31241b;
	}	
	nav.nav-collapse li.about {
		margin-left: 0;
	}
	.js .nav-collapse {
	  clip: rect(0 0 0 0);
	  max-height: 0;
	  position: absolute;
	  display: block;
	  overflow: hidden;
	  zoom: 1;
	}
	.nav-collapse.opened {
	  max-height: 9999px;
	}
		.nav-collapse.disable-pointer-events {
	  pointer-events: none !important;
	}
	.nav-toggle {
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}