footer{
	background-color: var(--s0);
	height: auto;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
	margin: -1px 0 0 0;
}
.backtotop {
    background-color: transparent;
    margin-top: -3rem;
    z-index: 4;
}
.backtotop > a {
    background-color: var(--s0);
    display: block;
    margin: 0 0 0 2rem;
    padding: 0.5rem;
    border-radius: 5px 5px 0 0;
    color: white;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    width: -moz-fit-content;
}
.footcontain-a{
	display: flex;
	flex-direction: row;
	margin: 0 0 1.5rem 0;
}
.logincontact{
	margin: 0 1rem;
}
.logincontact > h3{
	margin: 1rem 0 0.5rem 0;
	padding: 0;
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
}
.logincontact > ul{
	list-style: none;
	line-height: 2rem;
	padding: 0;
	margin: 0;
}
.logincontact li > a{
	text-decoration: none;
	color: white;
}
.logincontact li > a:hover{
	text-decoration: underline;
}
.map{
	margin: 0 1rem;
}
.map > h3{
	margin: 1rem 0 0.5rem 0;
	color: white;
	padding: 0;
	font-size: 1.1rem;
	font-weight: bold;
}
.map > ul{
	list-style: none;
	line-height: 2rem;
	padding: 0;
	margin: 0;
}
.map li > a{
	text-decoration: none;
	color: white;
}
.map li > a:hover{
	text-decoration: underline;
}
.sm{
	font-size: 2.5rem;
	margin: 0.25rem 0 1rem 0;
}
.sm > a{
	padding: 0.5rem;
	margin: 0;
	color: white;
}
.sm > a:hover{
	color: var(--s1);
}
.legalterms{
	margin: 1rem 0 0 0;
	line-height: 1.5rem;
	width: 20rem;
	font-size: 0.8rem;
	text-align: center;
}
.legalterms > p{
	font-weight: 100;
}
.legalterms > a{
	color: white;
	padding: 0 1rem;
	text-decoration: none;
}
.legalterms > a:hover{
	text-decoration: underline;
}