/* foot */


.foot {
 	width: calc(100% - 0rem);
  	display: flex;
  	align-items: center;
  	background-color: var(--bg-foot);
}

.foot_container {
	width: calc(100% - 6.25rem);
	height: calc(4rem - 0rem);
	margin: 0 3.125rem;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	justify-content: flex-start;
  	align-items: center;
}


/* foot: logo */
.foot_logo {
	width: fit-content;
	margin: 0 1.25rem 0 0;
	display: flex;
	flex-direction: column;
}

.foot_logo img {
	width: 2.5rem;
	height: 2.5rem;
}


/* foot: info */
.foot_info {}

.foot_info ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.foot_info ul li {
	margin: 0 0.625rem;
	display: flex;
	align-items: center;
	color: var(--foot-text);
  	font-size: 0.75em;
  	font-weight: 400;
	line-height: 1;
  	white-space: nowrap;
}

.foot_info ul li:first-child {
	margin: 0 0.625rem 0 0;
}

.foot_info ul li:last-child {
	margin: 0 0 0 0.625rem;
}

.foot_info ul li a {
	color: var(--foot-link);
  	font-size: 1em;
  	font-weight: 400;
  	text-decoration: none;
}

.foot_info ul li a:hover {
	color: var(--foot-link-hover);
	text-decoration: underline;
}


@media only screen and (max-width: 1024px) {


	/* foot */
	.foot_container {
		width: calc(100% - 5rem);
		margin: 0 2.5rem;
	}


}


@media only screen and (max-width: 768px) {


	/* foot */
	.foot_container {
		width: calc(100% - 2.5rem);
		margin: 0 1.25rem;
		justify-content: center;
	}


	/* foot: logo */
	.foot_logo {
		margin: 0;
	}


	/* foot: info */
	.foot_info {
		display: none;
	}


}


/* foot */