:root{
	--footerHeight: 450px;
}
footer{
	height:  var(--footerHeight);
	width: 100%;
	display: block;
	height: max-content;
	background-color: var(--themeBg);
	background-image: url(/images/logo-background.svg);
	background-size: 110%;
	background-position: 220% 7%;
	background-repeat: no-repeat;
}

footer h4 {
    font-size: 17px;
	color :#60606B;
	font-weight: 300;
}
footer p, footer a{
	color: rgba(255, 255, 255, 0.75);
}

footer *{
	color:white;
	}

footer .footerList .htmlblok{
	max-width:200px;
	margin:auto;
}
footer .footerList .htmlblok[html-tag='footer-contact-3'] svg{
	width:30px;
}

footer .bottomBar{}
footer .bottomBar p,
footer .bottomBar a{
	font-size:15px;
}

footer .go-up{
	text-transform: uppercase;
}
footer .go-up svg{
	transform: rotateZ(-90deg);
}

footer ul{
	padding:0;
	list-style:none;
}
footer ul li{
	padding:6px 0;
}

@media screen and (max-width:769px){
	footer .footerList .htmlblok{
		width:100%;
		max-width: 100%;
		padding: 0 1rem;
	}
	footer ul{
		/* text-align:center; */
		text-align: end;
	}
}

@media screen and (max-width:550px){
	footer .footerList .htmlblok{
		width:100%;
		max-width: 100%;
		padding: 0 1rem;
	}
	footer ul{
		/* text-align:center; */
		text-align: center;
	}
}