header{
	/*position: fixed;*/
	z-index: 2;
	width: 100%;
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	color: #FFF;
	border-top: 18px #2C4451 solid;
	border-bottom: 1px #FFF solid;
	max-width: 1200px;
	padding: 0px 0px 0px 20px;
	margin: auto;
}

@media(max-width: 1260px){
	header{
		width: calc(100% - 60px);
	}
}



@media(max-width: 721px){

	header{
		width: calc(100% - 40px);
	}
}


@media(max-width: 500px){
	header{
		width: calc(100% - 20px);
	}
}


header nav{
	display: flex;
	justify-content: space-between;	
	padding: 20px 10px;
	margin: auto;
	align-items: center;
}


header nav .sections{
	display: flex;
	justify-content: space-between;	
	align-items: center;
}

header .sections a{
	display: block;
	padding-right: 20px;
	align-items: center;
	line-height: 50px;
	font-size:17px;
	transition:  0.3s ease;
}


header nav .sections a:hover{
	opacity: 0.7;
	margin-top: -7px;
}

@media(max-width: 800px){

	header nav .sections{
		display: none;
	}
}

header .logoFlicker {
  display: block;
  height: 50px;
  transition: filter 0.3s ease;
}

@media(max-width: 850px){

	header .logoFlicker {
		height: 30px;
	}
}

header .logoFlicker {
  animation: flicker 1.5s infinite;
}

@keyframes flicker {
  0%   { filter: brightness(50%); }
  50%  { filter: brightness(100%); }
  100% { filter: brightness(50%); }
}



.hamburger-container {
	margin:10px 10px 0px 10px;
    cursor: pointer;
    display: none;
}

@media(max-width: 800px){
	.hamburger-container {
		display: block;
	}
}

.hamburger-container  .bar1,.hamburger-container  .bar2,.hamburger-container  .bar3 {
    width: 30px;
    height: 4px;
    background-color: #FFF;
    margin:0px 0px 5px 0px;
    transition: 0.4s;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
}

.hamburger-container.change {

}

/* Rotate first bar */
.hamburger-container.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 7px) ;
    transform: rotate(-45deg) translate(-5px, 7px) ;
}

/* Fade out the second bar */
.hamburger-container.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.hamburger-container.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -8px) ;
    transform: rotate(45deg) translate(-5px, -8px) ;
    -ms-transform: rotate(45deg) translate(-5px, -8px) ;
}


.header-mobile-menu{

	padding-top: 55px;
	position: fixed;
	height: 100%;
	width: 100%;
 	background-color: rgba(0, 0, 0, 0.0);
	backdrop-filter: blur(0px);                /* desenfoque gaussiano */
  -webkit-backdrop-filter: blur(0px);  
	z-index: -1;	
	top: 0;
	 
}

.header-mobile-menu .center-menu{
	opacity: 0;
}

.header-mobile-menu .center-menu img {
	display: block;
	margin: auto;
	height: 50px;
	margin-bottom: 40px;
}

.header-mobile-menu a {
	display: block;	
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px #BCC1C1 solid;
}

.header-mobile-menu .hamburger-container{
	position: absolute;
	right: 20px;
	top: 15px;
	opacity: 0;
}

.header-mobile-menu.change .hamburger-container{
	opacity: 1.0;
}

.header-mobile-menu.change{
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(6px);                /* desenfoque gaussiano */
  -webkit-backdrop-filter: blur(6px);  	
}


.header-mobile-menu.change .center-menu{
	opacity: 1;
}


@media(max-width: 320px){
	.header-mobile-menu{
		left: -100vw;
	}
}

.header-mobile-menu a:hover {
	background-color: #FFF;
	color: #000;
}