footer {
	width: 100vw;
}
footer .wrapper {
	display: flex;
	flex-direction: row;
	background-color: darkturquoise;
}
@media only screen and (max-width: 600px) {
	footer .wrapper {
		flex-direction: column;
	}
}
footer .maps iframe {
	width: 50vw;
	height: auto;
	min-height: 300px;
	vertical-align: top;
	border: none;
}
@media only screen and (max-width: 600px) {
	footer .maps iframe {
		width: 100vw;
	}
}
footer .socials {
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;*/
	gap: 20px;
	margin: auto;
}
footer .socials h2 {
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
}
footer .socials ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	gap: 20px;
}
footer .socials ul img {
	width: 50px;
	height: auto;
	filter: drop-shadow(0 1px 0 rgba(0,0,0,1));
	transition: all 0.3s ease;
}
footer .socials ul img:hover {
	transform: scale(1.1);
}


footer .pages {
	background-color: #d397fa;
	padding: 40px;
	display: flex;
	justify-content: center;
	gap: 60px;
}
@media only screen and (max-width: 370px) {
	footer .pages {
		flex-direction: column;
		align-items: center;
	}
}
footer .pages h3 {
	margin-bottom: 10px;
	color: #fff;
}
footer .pages ul {
	list-style: none;
	line-height: 1.5;
	color: #fff;
}
footer .pages ul a {
	/*background-color: #8364e8;*/
	padding: 2px 5px;
	border-radius: 3px;
	transition: all 0.3s ease;
}
footer .pages ul a:hover {
	color: #333;
}