#footer {
	position: relative;
	width: 100%;
	padding: 4rem 1.6rem;
	color: #FFF;
	background-color: #162438;
}

#footer .footer-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6.4rem;
}

#footer .brand-logo {
	height: 2.8rem;
}

#footer .brand-logo img {
	display: block;
	height: 100%;
}

.top-trigger {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	border: .1rem solid rgba(255,255,255,1);
	cursor: pointer;
}

.top-trigger span {
	font-size: 1.2rem;
	font-weight: 500;
	color: #FFF;
}

#footer .footer-mid {
	display: flex;
	flex-direction: column;
	gap: 2rem; 
	margin-bottom: 3.6rem;
}

#footer .footer-mid .cell-title {
	margin-bottom: 1.8rem;
	font-size: 1.6rem;
	font-weight: 600;
}

#footer .footer-mid li {
	display: flex;
}

#footer .footer-mid li:not(:last-child) {
	margin-bottom: .8rem;
}

#footer .footer-mid label {
	text-align: right;
	font-weight: 500;
}

#footer .footer-mid .company-address label {
	width: 4.8rem;
}

#footer .footer-mid span {
	width: calc(100% - 5.8rem);
	margin-left: 1rem;
	font-weight: 300;
}

#footer .footer-mid label,
#footer .footer-mid span {
	display: inline-block;
	word-break: keep-all;
	line-height: 130%;
	font-size: 1.4rem;
}

#footer .footer-mid div,
#footer .footer-mid label,
#footer .footer-mid span {
	color: #fff;
}

#footer .footer-bottom {
	display: flex;
	width: 100%;
	padding-top: 2rem;
	border-top: .05rem solid rgba(255,255,255,1);
}
#footer .footer-bottom a {
	padding: 0;
	font-size: 1.4rem;
	color: #fff;
	cursor: pointer;
}

#footer .footer-bottom .copyright {
	margin-top: 1rem;
	font-size: 1.2rem;
	color: rgba(255,255,255,.64);
}

@media screen and (min-width:1281px) {
	#footer .footer-inner {
		width: 90%;
		margin: 0 auto;
	}
	
	#footer .brand-logo {
		height: 3.6rem;
	}
	
	.top-trigger {
		width: 7.2rem;
		height: 7.2rem;
	}
	
	.top-trigger span {
		line-height: 2rem;
		font-size: 2rem;			
	}
	
	#footer .footer-mid {
		margin-bottom: 4.8rem;
	}
	
	#footer .footer-mid,
	#footer .footer-bottom {
		flex-direction: row;
	}

	#footer .footer-mid > div {
		flex: 1;
	}

	#footer .footer-mid .company-contact {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	#footer .footer-mid .cell-title {
		margin-bottom: 4rem;
		font-size: 2rem;
	}
	
	#footer .footer-mid label,
	#footer .footer-mid span {
		font-size: 1.6rem;
	}
	
	#footer .footer-mid span {
		margin-left: 2rem;
	}

	#footer .footer-bottom {
		justify-content: space-between;
		padding-top: 4rem;
	}

	#footer .footer-bottom .privacy {
		display: flex;
		align-items: center;
	}

	#footer .footer-bottom a {
		font-size: 1.6rem;
	}

	#footer .footer-bottom .copyright {
		margin-top: 0;
		font-size: 1.6rem;
	}
}

@media screen and (max-width:1280px) {
	#footer .footer-mid,
	#footer .footer-bottom {
		flex-direction: row;
	}
	
	#footer .footer-mid > div {
		flex: 1;
	}
	
	#footer .footer-mid .company-contact {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	#footer .footer-bottom {
		justify-content: space-between;
	}
	
	#footer .footer-bottom .privacy {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width:769px) {
	#footer .footer-mid {
		flex-direction: column;	
	}
	
}

@media screen and (max-width:430px) {
	#footer .footer-bottom {
		flex-direction: column;	
	}
}
