.site-footer {
	color: var(--green);
	padding-block: 10rem 5rem;
}
.site-footer .flex-col {
	display: flex;
}
/* LOGO WRAPPER */
.site-footer .logo-wrapper .logo {
	width: 30.2rem;
}
.site-footer .logo-wrapper .logo img {
	width: 100%;
	height: auto;
}
/* DIRECTIONS WRAPPER */
.site-footer .directions-wrapper h3 {
	margin: 0 0 3rem;
}
.site-footer .directions-wrapper p:not(.title) {
	margin: 0 0 2.5rem;
}
/* SOCIAL WRAPPER */
.site-footer .secondary-logo {
	width: 20.3rem;
	margin: 0 0 5rem;
}
.site-footer .secondary-logo img {
	width: 100%;
	height: auto;
}
.site-footer .social-wrapper h3 {
	margin: 0 0 2.5rem;
}
.site-footer .social-wrapper .box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3rem;
}
.site-footer .social-wrapper .box a {
	font-size: 4rem;
	color: var(--rust);
}
/* MENU WRAPPER */
.site-footer .menu-wrapper .privacy-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3rem;
}
.site-footer .menu-wrapper .privacy-menu li {
	--fs: 1.6rem;
	--lh: 1.4em;
	color: var(--rust);
}
/* COPYRIGHT WRAPPER */
.site-footer .copyright-wrapper p {
	--fs: 1.2rem;
	--lh: 1.4em;
}
.site-footer .copyright-wrapper p:not(:last-of-type) {
	margin: 0 0 3rem;
}
.site-footer .copyright-wrapper p a {
	display: inline-block;
	margin-left: .25rem;
}
.site-footer .copyright-wrapper p a img {
	vertical-align: baseline;
}

@media only screen 
and (min-width : 961px) {

	.site-footer {
		padding-block: 15rem 8.5rem;
	}
	.site-footer a:hover {
		color: var(--rust);
	}
	.site-footer .flex-col {
		justify-content: space-between;
		align-items: flex-start;
	}
	.site-footer .flex-col:not(:last-of-type) {
		margin-bottom: 3.55rem;
	}
	.site-footer .flex-col :is(.logo-wrapper, .social-wrapper) {
		flex: 0 1 20.3rem;
		max-width: 20.3rem;
	} 
	/* DIRECTIONS WRAPPER */
	.site-footer .flex-col :is(.directions-wrapper) {
		flex: 0 1 21rem;
	}
	.site-footer .directions-wrapper p {
		--lh: 1.4em;
	}
	/* LOGO WRAPPER */
	.site-footer .logo-wrapper .logo {
		width: 20.5rem;
	}
	/* SOCIAL WRAPPER */
	.site-footer .secondary-logo {
		width: 20.3rem;
		margin: 0;
	}
	.site-footer .social-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		row-gap: 5rem;
	}
	.site-footer .social-wrapper .box {
		justify-content: flex-end;
	}
	.site-footer .social-wrapper .box a {
		font-size: 3.5rem;
	}
	.site-footer .social-wrapper .box a:not(:hover) {
		color: var(--dark-yellow);
	}
	/* MENU WRAPPER */
	.site-footer .menu-wrapper .privacy-menu {
		justify-content: flex-end;
	}
	/* COPYRIGHT WRAPPER */
	.site-footer .copyright-wrapper {
		order: -1;
	}
	.site-footer .copyright-wrapper p:not(:last-of-type) {
		margin: 0 0 1.5rem;
	}
}

@media only screen 
and (min-width : 0) 
and (max-width : 960px) {

	.site-footer .flex-col {
		flex-direction: column;
		text-align: center;
	}

	.site-footer .logo-wrapper {
		margin-bottom: 5rem;
	}

	.site-footer .directions-wrapper {
		margin-bottom: 2rem;
	}
	.site-footer .directions-wrapper p:is(.title) {
		--fs: 2rem;
		--lh: 1.4em;
	}

	.site-footer .social-wrapper {
		margin-bottom: 4.5rem;
	}

	.site-footer .menu-wrapper {
		margin-bottom: 3rem;
	}
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contenedor.animateActive .elemento {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}