/* @group End
------------------------------------ */

.end {
	padding: 51rem 0 8.9rem;
	position: relative;
	background: var(--dark-green-secondary);
	transition: background-color 0.7s;
}
.home .end-footer {
    display: none;
}
.end::before {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../../img/layout/frontpage/bg-end-mobile.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.end .col-content svg {
	height: 3.4rem;
	width: auto;
	margin: 0 0 5rem;
}
.end footer {
	width: 100%;
	z-index: 2;
}
.end .links {
	margin: 0 0 5rem;
}
.end .links a {
	color: var(--beige);
	font-family: var(--meta-pro-font);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: underline;
	text-transform: capitalize;
	font-size: 1.6rem;
	letter-spacing: 0.125em;
}
.end .links li:not(:last-child) {
	margin: 0 0 2.1rem;
}
.end .logos {
	display: flex;
	align-items: center;
	justify-content: center;
}
.end .logos li:not(:last-child) {
	margin: 0 2.6rem 0 0;
}
.end .logos [class^="icon-"], .end .logos [class*=" icon-"] {
	color: var(--beige);
	font-size: 3.2rem;
}
@media only screen and (min-width: 961px) {
    
	body:not(.home) .end-footer {
		display: none;
	}
	.end {
		padding: 0;
	}
	.end::before {
		background-image: url('../../img/layout/frontpage/bg-end-desktop.png');
	}
	.end .col-content {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 44.7vh 0 0;
		margin: 0 22.7vh 0 44.3vh;
		width: 106vh;
	}
	.end .col-content svg {
		height: 6.2vh;
		margin: 3.5vh 0 0 28.2vh;
	}
	.end .back-to {
		display: inline-block;
	}
	.end .back-to span {
		display: block;
		color: var(--beige);
		font-size: 1.7vh;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		font-weight: 400;
		font-family: var(--rubric-font);
		max-width: 10vh;
		text-align: center;
		margin: 1.43vh 0 0;
	}
	/* Footer */
	.end footer {
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 0 7vh 1.8vh 37vh;
	}
	.end .links {
		margin: 0;
		display: flex;
	}
	.end .links li:not(:last-child) {
		margin-right: 3.4vh;
	}
	.end .links a {
		font-size: 1.79vh;
		letter-spacing: 0.01em;
	}
	.end .logos {
		justify-content: flex-start;
	}
	.end .logos [class^="icon-"], .end .logos [class*=" icon-"] {
		font-size: 2.8vh;
	}
	.end .logos svg {
		height: 3vh;
		width: auto;
	}
	.end .logos li:not(:last-child) {
		margin-right: 2.6vh;
	}

	/* Hovers */
	.end a:hover {
		opacity: 0.7;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1440px) {
}
@media only screen and (min-width: 0) and (max-width: 960px) {
	.end {
		background-color: rgb(98, 121, 136);
	}
	.end .logos li,
	.end footer {
		text-align: center;
	}
    .end .links a {
		text-decoration: none;
	}
}

/* @end */

/* Animations */
.end::before,
.end .col-content .back-to,
.end .col-content svg,
.end footer .links,
.end footer .logos {
	opacity: 0;
}
.end.animateActive::before,
.end .col-content.animateActive .back-to,
.end .col-content.animateActive svg,
.end footer.animateActive .links,
.end footer.animateActive .logos {
	animation: fade var(--fade-animation) forwards;
}
.end .col-content.animateActive .back-to {
	animation-delay: 0.3s;
}
.end .col-content.animateActive svg {
	animation-delay: 0.5s;
}
.end footer.animateActive .links {
	animation-delay: 0.7s;
}
.end footer.animateActive .logos {
	animation-delay: 0.9s;
}
.end.animateActive::before {
	animation-delay: 1.3s;
}