@charset "utf-8";

/* FOOTER
============================== */
footer{
	width: 100vw;
	height: fit-content;
	height: -moz-fit-content;
	padding: var(--mxl) 0 var(--mm);
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: min-content;
	color: var(--cw);
	background-color: #282929;
}
footer > wrap{
	grid-column: 2 / 12;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: min-content;
	grid-gap: var(--mm) 0;
}
#newsletter{
	grid-column: 2;
}
footer nav{
	grid-column: 1 / -1;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-auto-rows: min-content;
	grid-gap: 0 var(--ms);
}
footer iframe{
	margin-bottom: calc((1em + 18px)*-1) !important;
}
#social{
	width: fit-content;
	width: -moz-fit-content;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	grid-auto-rows: min-content;
	grid-gap: 1.2rem;
}
#social a{
	width: 4rem;
	height: 4rem;
	display: flex;
	background-color: #becdc3;
	border-radius: 50px;
}
#social svg{
	width: 100%;
	height: 100%;
	padding: 1.2rem;
	fill: var(--cw);
}
@media (max-width: 834px){
	footer{
		padding: var(--mxl) var(--ms) var(--mm);
		grid-template-columns: 1fr;
	}
	footer > wrap{
		grid-column: 1 / -1;
		grid-gap: var(--mm) var(--mxs);
	}
	#newsletter{
		grid-row: 1;
		grid-column: 1 / -1;
	}
	#office{
		grid-row: 2;
		grid-column: 1 / -1;
	}
	#social{
		align-self: flex-end;
	}
	footer nav{
		grid-row: 3;
		grid-column: auto;
		grid-template-columns: initial;
		grid-auto-flow: row;
	}
	footer .text-small{
		font-size: var(--fs);
	}
}
@media (max-width: 600px){
	#social{
		grid-gap: 1rem;
	}
}