* { margin:0; padding:0; }

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

#barra_header {
    width: 100%;
    height: 76px;
    position: relative;
    z-index: 100;
}

#barra_header_left {
	float:left;
	width: 50%;
}

#barra_header_right {
	float: right;
	width: 50%;
}

#header {
	position: relative;
	max-height: 500px;
}

#barra_footer_bottom {
	float: left;
	width: 100%;
}

@media (max-width:991px) {
	
	#barra_header { height:62px; }
	#barra_header_left { width: 100%; }
	#header { max-height: calc(100vh - 122px) !important; }
	
}