footer {
	margin-top: 200px;
	position: relative;
	height: 70px;
	background-color: var(--azul-color);
	width: 100%;
}

.footer-faixa {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.footer-logo-redes {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 950px;
}

.footer-logo-title {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.footer-rs {
	font-size: 32px;
	background-color: var(--azul-claro-color);
	padding: 0px 7px 0px 7px;
	margin-right: 5px;
	border-radius: 5px;
	color: white;
}

.footer-rs i{ 
	border-radius: 5px;
}

.footer-rs-f {
	font-size: 32px;
	background-color: var(--azul-claro-color);
	padding: 0px 12px 0px 12px;
	margin-right: 5px;
	border-radius: 5px;
	color: white;
}

.footer-rs-y {
	font-size: 32px;
	background-color: var(--azul-claro-color);
	padding: 0px 3px 0px 3px;
	margin-right: 5px;
	border-radius: 5px;
	color: white;
}

.footer-faixa span{
	margin-left: 10px;
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.footer-faixa img {
	max-width: 40px;
}

.footer-linha {
	height: 8px;
	width: 100%;
	background-color: var(--naranja-color);
}

.footer-menu {
	height: 200px;
	background-color: var(--azul-claro-color);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.footer-menus {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 950px;
}

.footer-menus ul{
  list-style-type: none;
  align-self: flex-start;
}

.footer-menus-item:first-child {
	padding-left: 0px;
}

.footer-menus ul li:first-of-type{
  font-weight: bold;
  margin-bottom: 5px;
}

.footer-menus ul li{
  color: white;
  font-weight: 200;
  cursor: pointer;
}

@media only screen and (max-width: 590px) {  

	footer {
		margin-top: 100px;
		position: relative;
		height: auto;
		background-color: var(--azul-color);
		width: 100%;
	}
	
	.footer-faixa {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 150px;
		width: 100%;
	}

	.footer-logo-redes {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: auto;
		width: 100%;
	}

	.footer-logo-title {
		margin-bottom: 20px;
	}

	.footer-menu {
		height: auto;
		width: 100%;
	}
	
	.footer-menus {
		display: grid;
		grid-template-columns: 140px 140px;
		grid-column-gap: 5px;
		width: 100%;
		padding: 20px;
	}

	.footer-menus-item {
		width: 140px;
		padding: 0px;
		display: inline-block;
		text-align: center;
	}

	.footer-menus-item li{
		align-self: center;
	}

}