/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/**************************************/
/*               CORES                */
/**************************************/

/* Background */



.footer {
	background: #202057;
	padding: 80px;
}

.footer .footer__container {
	display: flex;
	gap: 0 50px;
}

.footer .footer__container .primeira__coluna {
	display: flex;
  gap: 0 50px;
}

.footer .footer__container .qr_code {
	text-align: center;
}

.footer .footer__container .logo__container {
	display: flex;
  flex-direction: column;
  gap: 15px 0;
}

.footer .footer__container .segunda__coluna .text__container {
	display: flex;
	gap: 0 50px;
}

.footer .footer__container .quarta__coluna .redes__sociais {
	display: flex;
  align-items: center;
  gap: 0 7px;
}

.footer .footer__container .endereco__container {
	margin-top: 30px;
}

.copy {
	background: #171115;
}

.flex_end {
	display: flex !important;
  justify-content: flex-end;
}

.footer__mobo {
	background: #202057;
}

.footer__mobo .redes__sociais {
	display: flex;
  align-items: center;
  gap: 0 15px;
}

.footer__mobo .logo__container {
	display: flex;
  justify-content: space-between;
	align-items: center;
}

.footer__mobo .logo__container .dois__logos {
	display: flex;
  flex-direction: column;
  gap: 20px 0;
}

@media (max-width: 1200px) {
	.footer .footer__container {
		flex-wrap: wrap;
	}
}

@media (max-width: 992px) {
	.footer {
		display: none !important;
	}
	
	.footer__mobo {
		display: block !important;
	}