.footer_container {
	width: 100%;
}

/**
 * Footer - desktop
 */
@media (min-width: 768px) {
	footer {
		width: 100%;
		height: calc(100vw / 1440 * 100);
		box-sizing: border-box;
		padding-top: calc(100vw / 1440 * 24);
		display: flex;
		justify-content: space-between;
		background-color: #000000;
	}

	footer.white {
		background-color: #f9f9f9;
	}

	.footer_left {
		display: flex;
	}

	.footer_left .footer_col:not(:first-child) {
		margin-left: calc(100vw / 1440 * 24);
	}

	.footer_left .footer_logo {
		width: calc(100vw / 1440 * 208);
		padding-left: calc(100vw / 1440 * 150);
		padding-right: calc(100vw / 1440 * 30);
		box-sizing: border-box;
		font-weight: 700;
	}

	.footer_left .footer_info {
		font-weight: 500;
	}

	.footer_left .footer_info:not(:first-child) {
		margin-top: calc(100vw / 1440 * 8);
	}

	.footer_right {
		padding-right: calc(100vw / 1440 * 240);
		display: flex;
		flex-direction: column;
		align-items: end;
	}

	.footer_right .social_logo {
		width: calc(100vw / 1440 * 20);
		height: calc(100vw / 1440 * 20);
	}

	.footer_right .social_logo_link:not(:first-child) {
		margin-left: calc(100vw / 1440 * 20);
	}

	.footer_right .brand_link span {
		text-decoration: underline;
	}

	.footer_right .footer_link .brand_link:not(:first-child) {
		margin-left: calc(100vw / 1440 * 12);
	}
}

/**
 * Footer - mobile
 */
@media (max-width: 767.98px) {
	footer {
		width: 100%;
		box-sizing: border-box;
		padding-left: calc(100vw / 360 * 24);
		padding-right: calc(100vw / 360 * 24);
		padding-top: calc(100vw / 360 * 32);
		padding-bottom: calc(100vw / 360 * 40);
		display: flex;
		flex-direction: column;
		background-color: #111111;
	}

	footer.white {
		background-color: #f9f9f9;
	}

	.footer_logo {
		font-weight: 700;
	}

	.footer_address {
		margin-top: calc(100vw / 360 * 16);
		font-weight: 400;
	}

	.footer_info {
		margin-top: calc(100vw / 360 * 8);
		font-weight: 400;
		display: flex;
	}

	.footer_info .footer_info_text:nth-child(2) {
		margin-left: calc(100vw / 360 * 16);
	}

	.footer_copyright {
		margin-top: calc(100vw / 360 * 24);
	}

	.footer_right {
		margin-top: calc(100vw / 360 * 22);
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.footer_social .social_logo {
		width: calc(100vw / 360 * 24);
		height: calc(100vw / 360 * 24);
	}

	.footer_social .social_logo_link:not(:first-child) {
		margin-left: calc(100vw / 360 * 16);
	}

	.footer_right .footer_link span {
		text-decoration: underline;
	}

	.footer_right .footer_link .brand_link:not(:first-child) {
		margin-left: calc(100vw / 360 * 12);
	}
}

/**
 * Footer Floating - desktop
 */
@media (min-width: 768px) {
	.footer_floating {
		width: 100%;
		height: calc(100vw / 1440 * 100);
		background-image: url("../images/footer/floating_background.png");
		background-size: cover;
		display: flex;
		align-items: center;
	}

	.footer_floating.floating {
		position: fixed;
		z-index: 500;
		bottom: calc(100vw / 1440 * -156);
		transition: all 0.5s;
	}
	.footer_floating.floating_anim {
		bottom: 0;
	}

	.footer_text {
		width: 100%;
		text-align: left;
		padding-left: calc(100vw / 1440 * 240);
		box-sizing: border-box;
		color: #f74902;
	}
}

/**
 * Footer Floting - mobile
 */
@media (max-width: 767.98px) {
	.footer_floating {
		width: 100%;
		height: calc(100vw / 360 * 86);
		background-image: url("../images/footer/mobile_floating_background.png");
		background-size: cover;
	}

	.footer_text {
		width: 100%;
		text-align: left;
		font-weight: 400;
		padding-top: calc(100vw / 360 * 20);
		padding-bottom: calc(100vw / 360 * 20);
		padding-left: calc(100vw / 360 * 24);
		box-sizing: border-box;
		color: #f74902;
	}
}