nav {width: 100%; background: rgba(0, 0, 0, 0.0); height: 100px; position: fixed; z-index: 999; transition: 0.6s;}

	nav #barra {width: 1100px; margin: 0 auto;}
	nav img {padding-top: 20px;}
	nav ul {float: right;}
	nav ul li {text-transform: uppercase; text-decoration: none; float: left; color: #fff; padding-left: 30px; line-height: 70px; font-weight: 100; list-style: none;  }
	nav ul li a {color: #fff; transition:0.8s;}	
	nav ul li a:hover {color: #60a8ea; transition:0.2s;}

.scrolled {
  height: 70px;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 0px; transition: 0.6s; }

@media screen and (max-width:1200px) {
	nav #barra {width: 95%}
}

@media screen and (max-width:900px) {
	nav ul {display: none}
}