@font-face {font-family: 'Open';  src: url('fonts/openSans.ttf');}
* {margin: 0 auto;  padding: 0; text-decoration: none; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Open'; text-align: center; font-size: 1rem;}

:root{
  --hoForte:hsla(6,78%,57%,1.00);
  --imForte:hsla(24,100%,54%,1.00);
  --atForte:hsla(48,100%,49%,1.00);
  --siForte:#009688;
  --onForte:hsla(186,85%,49%,1.00);
  --teForte:hsla(204,100%,57%,1.00);
  --ceForte:hsla(222,100%,50%,1.00);
--coForte:hsla(265,79%,59%,1.00);
}


#header, #footer{display: block; width: 100%; text-align: center;}
#header{background-color: #000000;}
#header img{
    max-width: 24%; height: auto; 
    /*margin-left: 13%;*/}
.menu{background-color: #222229 !important; padding: 0.5% 1.8% ; }
.menu a {
    text-decoration: none;
    font-weight: bold;
    background-color: #06061a;
    transition: 0.3s ease-in-out;
    border-radius: 5px;
	letter-spacing: 3%;
	color: rgba(255, 252, 252, 0.884);
	padding: 0.3% 1.8% ;
	border-bottom:2px solid #06061a;
    display: inline-block;
    margin-bottom: 2px;
}
.menu a:hover {
    background-color:var(--hoForte);  /* Destaque ao passar o mouse */
    color: white;
}

.menuUser{display: none;}


/* Celulares em pé (iPhone 11 - até 414px) */
@media screen and (max-width: 414px) {
    
    .menu a.mostraLinkHome{display: none;}
    #header img{max-width: 50%; height: auto; margin: 0 auto;}
    .menu a{font-size:0.9rem}
}

/* Celulares deitados (iPhone 11 - até 800px) */
@media screen and (min-width: 415px) and (max-width: 800px) {
   
}

/* Tablets e telas médias */
@media screen and (min-width: 801px) and (max-width: 1200px) {
    
}

/* PCs e telas grandes */
@media screen and (min-width: 1201px) {