footer{
	background-color: #f1efea;
	border-top: 2px solid #c5ab63;
}
footer .content{
	max-width: 1200px;
	margin: auto;
	padding: 5vh;
	display: flex;
	flex-direction: column;
	gap: 5vh;
}
footer .content .wrapper{
	display: flex;
	justify-content: space-around;
	gap: 2vh;
}
footer .content .wrapper-item{
	width: 30%;
	display: flex;
	flex-direction: column;
	gap: 1vh;
}
footer .view{
	width: 25vh;
}
footer span.title{
	text-transform: uppercase;
	font-weight: 300;
	color: #c5ab63;
}
footer .wrapper-link{
	display: flex;
	gap: 2vh;
}
footer .wrapper-link a i{
	font-size: 2.25vh;
}
footer .bottom{
	border-top: 1px solid gray;
	padding: 1vh;
}
.footer .bottom .wrapper-ob{
	display: flex;
	justify-content: center;
	gap: 1vh;
}
@media screen and (max-width: 850px) {
	footer .content .wrapper{
		flex-direction: column;
		gap: 2vh;
	}
	footer .content .wrapper-item{
		width: 100%;
	}
  }
  @media screen and (max-width: 650px) {
	.footer .bottom .wrapper-ob{
		flex-direction: column;
	}
  }