.footer {
	background-color: var(--cl-bright-1);
	padding-top: var(--gl-narrow);
	padding-bottom: var(--gl-narrowest);
}

.footer,
.footer p {
	color: var(--cl-shady-4);
}

.footer h1,
.footer h2,
.footer h3,
.footer h4 {
	color: var(--cl-primary-5);
}

.footer .main-logo {
    width: 346px;
    height: 56px;
    opacity: 1;
	background-image: var(--im-logo-footer);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.footer .menu .item {
	color: var(--cl-primary-5);
	font-size: var(--fs-modtitle);
	font-family: var(--fn-primary);
	font-weight: 500;
	opacity: 1;
}
.footer .downmenu .downitem {
	color: var(--cl-primary-5);
	font-weight: 400;
}
.footer .downmenu .downitem:hover {
	opacity: 0.75;
}
.footer .links {
	color: var(--cl-primary-5);
	opacity: 1;
    width: fit-content;
}
.footer .links:hover {
	opacity: 0.65;
}
.footer .icon {
	width: 20px;
	height: 20px;
	display: flex;
	filter: brightness(1000%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer .tiny {
	font-size: var(--fs-footer);
	line-height: 150%;
	font-weight: 400;
}
.footer .tiny a {
	color: var(--cl-white);
}
.footer .tiny a:hover {
	opacity: 0.65;
}
.footer .attrib {
	font-size: var(--fs-attrib);
	border-top: 1px solid var(--cl-bright-3);
	padding-top: var(--gl-micro-2);
	padding-bottom: var(--gl-micro-2);
	height: var(--gl-narrower);
}