:root {
	--header-h:		80px;
	--header-bkg:	#fff;
	--header-color: #909090;

	--block-w:		1080px;

	--footer-h:		80px;
	--footer-bkg:	#222222;
	--footer-color: #ffffff;

	--amarelo:		#FEC52E;
	--preto:		#000000;
	--azul:			#2556bf;
	--light-blue:	#2EA3F2;

	--bkg-amarelo:	rgb(254,197,46);
}


/* --------------------------------------------------------------- */
	.color-amarelo				{color:var(--amarelo);}
	.color-branco				{color:#ffffff;}
	.color-azul					{color:var(--azul);}

	.bkg-amarelo				{background-color:var(--bkg-amarelo); color:#fff;}
	.bkg-branco					{background-color:#ffffff; color:var(--azul);}
	.bkg-azul					{background-color:var(--azul); color:#ffffff;}
	.bkg-preto					{background-color:#000; color:#ffffff;}
	.bkg-lightgray				{background-color:#f0f0f0;}

	.btn-principal						{border:20px solid rgba(0,0,0,0); letter-spacing:3px; font-size:14px; margin-top:20px; padding:.3em 1em; line-height: 1.7em;}
	.btn-principal.bkg-amarelo			{box-shadow: -20px -20px 0px -5px rgba(254, 197,  46, 0.2);}
	.btn-principal.bkg-branco			{box-shadow:  20px  20px 0px -5px rgba(255, 255, 255, 0.2);}
	.btn-principal.bkg-azul				{box-shadow: -30px -30px 0px -10px rgba(37, 86, 191, 0.34);}


/* --------------------------------------------------------------- */
@font-face {
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../webfonts/LibreFranklin-VariableFont_wght.ttf") format("truetype"); }

	.font-franklin				{font-family:'Libre Franklin';}


@font-face {
	font-family: 'Roboto Regular';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../webfonts/Roboto-Regular.ttf") format("truetype"); }

	.font-roboto				{font-family:'Roboto Regular';}


/* --------------------------------------------------------------- */
	body.body					{padding:var(--header-h) 0 0 0 !important;}
	body>*>div.wrapper			{position:relative; width:80%; max-width:var(--block-w); margin:auto;}

@media only screen and (max-width:768px) {
	body>*>div.wrapper			{width:80vw; max-width:80vw;}
}


/* --------------------------------------------------------------- */
	header						{position:fixed; top:0px; left:0px; width:100vw; background-color:var(--header-bkg); color:var(--header-color); box-shadow:0 1px 0 rgba(0, 0, 0, .1); z-index:9999999;}
	header>div					{height:var(--header-h); align-items:center;}
	header>div>a.logo			{display:block; height:52%;}
	header>div>a.logo>img		{display:block; max-height:100%}

	header .header-menu>div		{}
@media only screen and (max-width:768px) {
	header .header-menu			{overflow:hidden; height:0px; position:absolute; top:var(--header-h); width:80vw; left:0px; background-color:var(--header-bkg); }
	header .header-menu.open	{height:280px; border-top:3px solid #0099ff;}
	header .header-menu>div		{flex-direction:column; row-gap:0px; padding:10px 0;}
	header .header-menu>div>*	{padding:12px 30px; font-size:14px !important; font-weight:600;}
}
	header .header-menu a		{font-size:14px; text-decoration:none; color:var(--header-color); font-weight:bold; letter-spacing:0.5px;}
	header .header-menu a:hover	{color:#000;}


/* --------------------------------------------------------------- */
	footer						{background-color:var(--footer-bkg); color:var(--footer-color); line-height:23px;}
	footer>div					{padding:4vh 0;}

	footer .footer-1			{width:340px;}
	footer  img.logo			{display:block; height:66px}
	footer  img.certificado		{display:inline-block; height:106px}
	footer  img.livro			{display:inline-block; height:70px}

	footer .business-info		{}
	footer .business-info>b		{color:var(--footer-color);}
	footer .business-info>i		{color:#abb8c3; text-decoration:none;}

	footer .footer-2			{padding:110px 0 0 50px;}
	footer .footer-2>a			{color:var(--footer-color); font-size:14px; display:block; line-height:30px; opacity:0.7;}
	footer .footer-2>a>b		{transform:scale(1.4); color:#0099ff; display:inline-block; margin-right:5px;}
	footer .footer-2>a:hover	{opacity:1;}

	footer .footer-3			{padding:60px 0 0 0;}

	section.copyright			{background-color:#000; color:#666; font-size:14px; padding:10px 0;}

@media only screen and (max-width:768px) {
	footer>div					{flex-direction:column;}
	footer .footer-1			{width:100%;}
	footer .footer-2,
	footer .footer-3			{padding:30px 0 0 0;}
	footer .footer-3			{text-align:center;}
	section.copyright			{font-size:11px;}
}


/* --------------------------------------------------------------- */
	projecto					{display:block; background-color:#fff; color:#000; text-align:center; width:240px;}
	projecto  img				{display:inline-block; height:240px; max-width:100%;}
	projecto  div				{padding:30px 10px 0 10px; border:1px solid #ccc; margin-top:-5px; height:150px; background-color:rgba(0,0,0,0.05);}
	projecto  span				{display:block; text-align:center; }


/* --------------------------------------------------------------- */
	section.has-bkg				{background-size:cover; background-clip:border-box; background-repeat:no-repeat; background-origin:padding-box; background-position-x:50%; background-position-y:50%; }