/* barraMenu.css */
@font-face {
	font-family: Neue MontrealM;
	src: url(../font/NeueMontreal-Medium.woff2) format("woff2"), url(../fonts/NeueMontreal-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Neue Montreal;
	src: url(../font/neuemontreal-regular-webfont.woff2) format("woff2"), url(../font/neuemontreal-regular-webfont.woff) format("woff");
	font-style: normal;
}

@font-face {
	font-family: Neue MontrealB;
	src: url(../font/neuemontreal-bold-webfont.woff2) format("woff2"), url(../font/neuemontreal-bold-webfont.woff) format("woff");
	font-style: bold;
}

@font-face {
    font-family: futura_ltlight;
    src: url(../font/futuralt-light-webfont.woff2) format('woff2'),
         url(../font/futuralt-light-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}


#barraMenu {
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #000;
	height: 50px;
	width: 100%;
	z-index: 100;
}

#containerMenu {
	height: 100%;
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}
#containerLogo {
	position: absolute;
	top: 7px;
	left:0px;
}
#containerLogo img {
	transition: 1s;
}
svg {
	position: fixed;
	top: 4px;
	right: 50px;
	z-index: 200;
	-webkit-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o- mix-blend-mode: difference;
	mix-blend-mode: difference;
	
	
}

@media screen and (min-width:325px) and (max-width:480px) {
	svg {
		right: 30px;
	}
}
@media screen and (min-width:481px) and (max-width:700px) {
	svg {
		right: 50px;
	}
}
@media screen and (min-width:701px) and (max-width:1500px) {
	svg {
		right: 90px;
	}
}
@media screen and (min-width:1501px){
	svg {
		right: 12%;
	}
}