/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {

}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  color: #191919;
  text-align: center;
  font-family:'Noto Sans',serif;
  }

.nav-justified li a:hover{
color:#006668;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
background:#fff;
  color:#006668;
}

.nav-justified li.active > a{
  color:#006668;
}
.nav-justified > li:first-child > a {
 
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
}

@media (min-width: 768px) {
  .nav-justified {
    /*max-height: 152px;*/
  }
  .nav-justified > li > a {
	display:block;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    
  }

	.nav-justified li{
	position:relative;
	text-align:center;
	}

	.nav-justified li:hover{
	background:#fff;
	}

  /*.nav-justified li img{
  position:absolute;
  left:10px;
  top:-50px;
  }*/

  .logo{
  position:absolute;
  /*top:-25px;
  left:10px;*/
  top:-13px;
  left:15px;
  right:15px;
  display:block;
  height:90px;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }

}

@media (min-width: 320px) and (max-width:765px){
  .navbar{   
	
  }

	.masthead{
	height:50px;
	}

	.pull-right{
	text-align:left;
	}

	.nav-justified > li.link a{
	padding-top: 15px;
	  padding-bottom: 15px;
	  margin-bottom: 0;
	  color: #191919;
	  text-align: center;
	  font-family:'Noto Sans',serif;
	}

	li.none{
	display:none;
	}
}