@media screen and (min-width:280px){
	#cabecalho{width:100%;height:120px;margin:0;background-color: var(--cor-texto-principal);color: var(--cor-texto-claro);padding: 20px 40px;display: flex;justify-content: space-between;align-items: center;box-shadow:0 2px 4px var(--cor-sombra);position:relative}
	#cabecalho h1{padding:10px 0 0;margin-bottom:0;margin-top:5px}
	#logo{left:80px;top:0;font-size: 24px;font-weight: 700;color: var(--cor-secundaria)}
	#slogan{top: 44px;left:84px;font-size:12px}
	#nav-header{display:none;width: auto;top: 30%;margin-top: -10px;line-height:20px;font-size:14px;right:40px;color:#FFF}
	#nav-header li{float:left;padding: 0 10px}
	#logo-image{top:10px;left:15px;width:60px}		
	:root {	--cor-principal: #1e70bf;--cor-fundo-campo:#FFF;--cor-borda:#ccc;--cor-texto-placeholder:#888;--cor-fundo-escuro: #333333}
	.busca-frases-mobile{position:absolute;display:flex;width:250px;margin:5px auto;border: 2px solid var(--cor-principal);border-radius: 10px;overflow: hidden;background-color: var(--cor-fundo-campo);bottom:2px;left:50%;margin-left:-125px}
		.busca-frases {position:absolute;display: flex;min-width:200px!important;max-width:300px;margin: 20px auto;border: 2px solid var(--cor-principal);border-radius: 30px;overflow: hidden;background-color: var(--cor-fundo-campo);top:57px;right:68px}
	#campo-busca{width:160px;flex-grow:1;padding: 2px 20px;border: none;outline: none;font-size: 12px;color: var(--cor-fundo-escuro);background-color: var(--cor-fundo-campo)}
	#campo-busca::placeholder {color:var(--cor-texto-placeholder);font-style:italic}
	.btn-busca{background-color: var(--cor-principal);color:#FFF;border:none;padding:5px 10px;cursor:pointer;font-size:12px;font-weight:bold;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center}
	.btn-busca:hover{background-color:#145a9e}	
	.icone-busca {font-size: 18px;margin-right:5px}
	.menu-toggle{position:absolute;width:30px;height:30px;bottom:10px;background-repeat:no-repeat;background-position-X:center;background-position-Y:center;background-image: url("../imagens/menu.png")}
	#btn-menu-left{left:20px}
	#btn-menu-right{right:20px}	
	.menu-toggle{cursor:pointer}
}

@media screen and (min-width:900px){
    .menu-toggle{display:none}
	#cabecalho{-width:calc(100% - 80px);width:100%;height:140px;background-color: var(--cor-texto-principal);color: var(--cor-texto-claro);padding: 20px 40px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 2px 4px var(--cor-sombra)}
	#cabecalho h1{padding:10px 0 0;margin-bottom:0;margin-top:5px}
	#logo{left:150px;top:23px;font-size: 2em;font-weight: 700;color: var(--cor-secundaria)}
	#slogan{top: 74px;left:170px;font-size:14px}
	#nav-header{display:table;width: auto;top: 30%;margin-top: -10px;line-height:20px;font-size:14px;right:40px;display:inline-block;color:#FFF}
	#nav-header li{float:left;padding: 0 10px}
	#logo-image{top:20px;left: 40px;width:100px}	
	:root {	--cor-principal: #1e70bf;--cor-fundo-campo:#FFF;--cor-borda:#ccc;--cor-texto-placeholder:#888;--cor-fundo-escuro: #333333}
	.busca-frases {position:absolute;display: flex;min-width:300px!important;max-width:600px;margin: 20px auto;border: 2px solid var(--cor-principal);border-radius: 30px;overflow: hidden;background-color: var(--cor-fundo-campo);top:45px;right:45px}
	#campo-busca{min-width:280px;flex-grow: 1;padding: 12px 20px;border: none;outline: none;font-size: 14px;color: var(--cor-fundo-escuro);background-color:var(--cor-fundo-campo)}
	#campo-busca::placeholder{color: var(--cor-texto-placeholder);font-style: italic}	
	.btn-busca {background-color:var(--cor-principal);color:#FFF;border:none;padding:12px 20px;cursor:pointer;font-size:16px;font-weight:bold;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center}
	.btn-busca:hover{background-color: #145a9e}	
	.icone-busca{font-size: 18px;margin-right: 5px}
}


