.footer {
	background:#29405b;
	padding:65px 75px 65px 75px;
	color:$white;
	display:flex;
	flex-wrap:wrap;
	align-items:center;

	p {
		margin:0px; padding:0px;
		@include font(20px,1.3,400);

		&.logo {
			margin-bottom:30px;
			font-size:40px;
		}
		a {
			color:$white;
			@include link-not-underlined();
		}
	}
	.col {
		&.col-left {
			width:33.33%;
		}
		&.col-middle {
			width:33.33%;
			text-align:center;
		}
		&.col-right {
			width:33.33%;
		}
	}
	.social {
		text-align:right;

		a {
			width:40px;
			color:$white;
			display:inline-block;
			margin-left:7px;

			svg {
				width:40px;
			}
			&:hover {
				opacity:0.8;
			}
		}
	}
	@include clearfix();
}
.footer-bottom {
	background:#233750;
	padding:65px 75px 65px 75px;
	color:$white;
	text-align:center;

	p {
		margin:0px; padding:0px;
		@include font(20px,1.3,400);
	}
}
@media (max-width: 1600px) {
	.footer {
		padding:get-vw(65px,1600) get-vw(75px,1600) get-vw(65px,1600) get-vw(75px,1600);

		p {
			@include font(get-vw(20px,1600),1.3,400);

			&.logo {
				margin-bottom:get-vw(30px,1600);
				font-size:get-vw(40px,1600);
			}
		}
		.social {
			a {
				width:get-vw(40px,1600);
				margin-left:get-vw(7px,1600);

				svg {
					width:get-vw(40px,1600);
				}
			}
		}
	}
	.footer-bottom {
		padding:get-vw(65px,1600) get-vw(75px,1600) get-vw(65px,1600) get-vw(75px,1600);

		p {
			@include font(get-vw(20px,1600),1.3,400);
		}
	}
}
@media (max-width: 767px) {
	.footer {
		padding: 35px 30px 35px 30px;
		flex-direction:column;
		align-items:center;
		justify-content:center;

		p {
			@include font(14px,1.3,400);

			&.logo {
				margin-bottom:15px;
				font-size:20px;
			}
		}
		.col {
			width:100% !important;
			text-align:center !important;
			margin-bottom:30px;

			&.col-right {
				margin-bottom:0px;
			}
		}
		.social {
			text-align:center;

			a {
				width:40px;
				margin-left:7px;
				margin-right:7px;

				svg {
					width:40px;
				}
			}
		}
	}
	.footer-bottom {
		padding: 35px 30px 35px 30px;

		p {
			@include font(14px,1.3,400);
		}
	}
}