body{
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.barra-nav, .barra-nav a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
}

 .container > .magazine, .magazine-viewport .container{ top: 0px!important; bottom:0px;	 margin-top:0px!important;}
@media only screen and (min-width: 900px){

	.logo{
		margin:0px;
		margin-right: 40px;
	}
	.login{
		/*margin-left: 30px;*/
		margin-left: 19px;
  
	}
}

@media only screen and (min-width: 700px) {
	.logo h1{
		width: 131px !important;
		height: 50px !important;
	}
	.logo h2{
		font: 12px "Open Sans" !important;
		letter-spacing: 3px !important;
	}


}
.logo{
	float: left;
}
.logo h1{
	background-image: url(../img/logo-m.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100px;
	height: 43px;
	color: transparent;

}
.logo h2{
	text-transform: uppercase;
	color: #fff;
	font: 10px "Open Sans";
	text-align: center;
	letter-spacing: 2px;
}



@media (max-width: 1024px){
	.header { padding:10px 0 0 0; background-image: url(../img/header-bg.jpg); background-size:cover; box-shadow: 0 1px 3px rgba(0,0,0,0.5); margin:0 -1% 0px -1%; }

	.logo{
		margin: 10px;

	}
	.content-nav {
		background: #767676;
		padding: 1em;
		margin:0;
		height: 100%;
		width: 80%;
		max-width: 320px;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: -100%;
		transition: left 0.3s ease-out;
	}
	.content-nav li{
		text-align: left !important;
	}
	.menu-ativo .content-nav{
		left: 0;
	}

	.menu-principal li{
		    padding: 0.7em 1em!important;
		width: 100%;
	}

	.menu-ativo:after{
		content: "";
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;

		background: rgba(0, 0, 0, 0.4);
		z-index: 10;
	}
	.menu-abrir{
		float: right;
		margin: 10px;
		background: url(../img/icone-menu.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		width: 35px;
		height: 35px;
		border: none;
		text-indent: -9999999px;
		outline: none;
	}
	.menu-fechar{
		margin: 10px;
		background: url(../img/icon-sair.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		border: none;
		text-indent: -9999999px;
		outline: none;
	}
	.login{
		border: none !important;
		padding-top: 10px !important;
    	display: table !important;
	}
	.login i{
		margin-right: 0px !important;
   		 margin-left: 0px !important;
	}
	.login a{
		padding: 5px 10px !important;
	}
}

@media not all and (max-width: 1024px){
	.menu-abrir, .menu-fechar{
		display: none;
	}
}
.clearfix {
    clear: both;
    display: block;
}