@charset "utf-8";

header .fundo { position: fixed; top: 0; left: 0; padding: 15px 0; background-color: rgb(255 255 255);}

header .chave { display: none; top: 22px; left: 10px;}
header .chave.abrir { background: url('../../imagens/site/header-chave-abrir.png?v2') 50% no-repeat;}
header .chave.fechar { background: url('../../imagens/site/header-chave-fechar.png?v2') 50% no-repeat;}

header .logo { float: left; margin: 0 0 0 5%;}
header .ls { float: right; margin: 13px 5% 0 0;}

header .links { float: left; margin: 0 20px 0 0;}
header .links .um { float: left; padding: 10px; text-transform: uppercase; font-weight: bold; font-size: 1.2em;}
header .links .um.ativo { color: rgb(85 198 194);}
header .links .um:hover { color: rgb(85 198 194);}

header .sociais { float: left;}
header .sociais .um { float: left; width: 40px; height: 40px; margin: 0 0 0 3px;}
header .sociais .um.instagram { background: rgb(76 85 135) url('../../imagens/site/sociais-instagram.png?v2') 50% no-repeat;}
header .sociais .um.whatsapp { background: rgb(76 85 135) url('../../imagens/site/sociais-whatsapp.png?v2') 50% no-repeat;}

@media only screen and (max-width: 1000px){
  header .fundo { padding: 10px 0;}
  header .chave { display: block;}
  header .links { display: none;}
  header .sociais { display: none;}

  header .ls { width: 100%; margin: 0;}
  header .logo { width: 100%; margin: 0;}
  header .links { float: left; width: 100%; margin: 11px 0; border-top: 1px solid rgb(90 90 90 / 20%);}
  header .links .um { width: 100%; padding: 11px 0; border-bottom: 1px solid rgb(90 90 90 / 20%); text-align: center;}

  header .sociais { justify-content: center; width: 100%;}
}